$.post()的方法

2025-10-26 23:35:28

1、与$.get()的差别;

1.get的请求会将参数跟在url后进行传递.而post请求则是作为HTTP消息的实体内容发送给WEB服务器;

2.比get传送的数据大小要大的多;

3.安全性比get的高;

4.post与get的传递的数据在服务器端获取也不同;==》GET方式的数据可以用$_GET[...]获取;

   而post方式可以用$_POST[...]获取,

两种方式都可以用$_REQUEST[...]来获取;

$.post()的方法

2、 页面输出效果:点击提交

$.post()的方法

3、最后是处理复杂的Ajax的出路程序的方法:也是jquery最底层的Ajax实现;

$.ajax();

语法结构为:

$.ajax(options);

该方法只有1个参数,但是在这个对象里包含了$.ajax()方法所需要的请求设置以及回调函数等信息,参数以key/value的形式存在,所有的参数都是可选的

参数解释:

url: 类型string;发送请求的地址;

type:类型string,请求方式,默认为GET,注意其他的HTTP请求方法如PUT和DELETE也可以处理,但仅部分浏览器支持;

timeout:类型Number ,设置请求超时时间(毫秒),此设置将覆盖$.ajaxSetup()的全局设置;

data: 类型Object或String:发送到服务器的数据;==》

            如果已经不是 字符串,将自动转换为字符串格式;GET请求中将附加URL后,

            为了防止这种自动转换,可以查看processData选项,对象必需为key/value格式;例如

{fool:'bar1',foo2:'bae'}转换为&fool=bar1&foo2=bae;

如果是数组,jq将自动为不同值对应同一个名称,如

{foo:[bar1",'bar2']};转换为&foo=bar1&foo=bar2;

dataType:类型String;

            预期服务器返回数据类型;诺不指定jq将自动根据HTTP包MIME信息返回responseXML或                    responseText,并作为回调函数参数传递;

可用的类型如下:

XML:返回XML文档,可用jq处理

HTML:返回纯文本HTML的信息,包含的script标签会插入DOM时执行;

script:返回纯文本js代码;不会自动缓存结果,除非设置了cache参数;注意在远程请求时(不在同                一个域下)所有的POST请求都将转为GET请求;

json:返回JSON数据;

jsonp:JSONP格式;使用JSONP形式调用函数时,如myurl?callback=?,jq将自动替换后一个?为                   正确的函数名,以执行回调函数;

text:返回纯文本字符串;

beforeSend: Function;发送请求前可以修改XMLHttpRequest对象的函数;例如添加自定义HTTP头

                    在beforeSend中如果返回False,可以取消本次Ajax请求;XMLHttpRequest对象是唯一的                    参数:function(XMLHttpRequest){

                                this;//调用本次Ajax请求时传递的options参数;

                       }

complete: 类型:Function 请求完成后调用的回调函数(请求成功或失败均调用);

                参数:XMLHttpRequest对象和一个描述成功请求类型的字符串;

                function(XMLHttpRequest,textStatus){

                        this;//调用本次Ajax请求时传递的options参数;

                   }

success:Function,请求成功后调用的回调函数,有两个参数:

                           1.由服务器返回,并根据dataType 参数进行处理后的数据:

                            2.描述状态的字符串;

                        function(data,textStatus){

                                //data可能是xml文档,jsonObj HTML  text

                            this//调用本次Ajax请求时传递的options参数;

                          }

error : Function:  请求失败时调用的回调函数,该函数有3个参数:

                        XMLHttpRequest对象,错误信息  捕获的错误对象(可选);

                        Ajax事件函数如下:

                        function(XHR,textStatus,errorThrown){

                            //通常情况下textStatus和errorThrown只有其中一个包含信息

                            this;//调用本次Ajax请求时传递的options参数;

                           }                     

global:  Boolean;默认为true;表示是否触发全局Ajax事件,设置为false将不会触发全局Ajax事件                            AjaxStart或AjaxStop可用于控制各种Ajax事件;

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢