ajax参数介绍 - 极悦
首页 课程 师资 教程 报名

ajax参数介绍

  • 2021-07-01 16:24:47
  • 1109次 极悦

1.type

请求方式:在我印象中,请求的方式就两种,也是我们常用的那两种就是GET PSOT:在我们进行后台数据请求的时候;我们用的方式就是GET,当我们要把要将前端的一些参数,传给自己的后台人员的时候用的更多的就是POST方式了;他们的区别具体有哪些呢;自己是首先进行了一些总结,并且在网上搬了"砖";使用GET请求的时候,我们发请求的时候,参数在URL中显示,POST的方式,是不会显示的,这也导致了,在使用GET的时候,请求发送的数据量比较小,一般大小在1KB左右;这些数据会在客服端的浏览器中缓存起来,别人在你的浏览记录张便可以得到相应的数据;也可以说保密性还是比较差的;相反;POST就不会了;在使用POST的时候,浏览器把各个表单字段元素及其数据作为HTTP消息的实习内容发给Web服务器,而不是作为URL参数;另外还有put和delete方式;这两种方式也可以用但是只有部分浏览器支持

2.timeout

请求超时用到属性;(当时,单一提了一下这个属性);当网络不佳的时候,或者后台运行运行比较慢的时候;如果服务器超过设置的时间的话,就会进入error的回调函数;关于timeout的一些事项;当时timeout:0;这就代表永不超时;如果你把超时时间写的比较大的情况下,这样也就会导致数据的加载变慢;

下面的代码详细的讲解说明了ajaxSetup函数;

//设置AJAX的全局默认选项

$.ajaxSetup( { url: "/index.html" , // 默认URL aysnc: false , // 默认同步加载 type: "POST" , // 默认使用POST方式 headers: { // 默认添加请求头 "Author": "CodePlayer" , "Powered-By": "CodePlayer" } , error: function(jqXHR, textStatus, errorMsg){ // 出错时默认的处理函数 // jqXHR 是经过jQuery封装的XMLHttpRequest对象 // textStatus 可能为: null、"timeout"、"error"、"abort"或"parsererror" // errorMsg 可能为: "Not Found"、"Internal Server Error"等 // 提示形如:发送AJAX请求到"/index.html"时出错[404]:Not Found alert( '发送AJAX请求到"' + this.url + '"时出错[' + jqXHR.status + ']:' + errorMsg ); } } );

未设置任何参数,但url、async、type、headers、error等参数的默认值均已被$.ajaxSetup()更改(如上)
$.ajax( )

设置了url、type、success、error,就使用自己设置的参数值
但async、headers等参数的默认值已被$.ajaxSetup()更改
$.ajax( { url: "myurl.php?action=list" , type: "GET" , success: function( data, textStatus, jqXHR ){ alert("返回数据:" + data); } , error: function(jqXHR, textStatus, errorMsg){ alert("自己的error!"); } }); // 上述$.ajaxSetup()的默认设置对$.get()、$.post()、load()、$.getJSON()、$.getScript()等AJAX函数也生效 // 因为这些函数也是在内部调用$.ajax()函数来实现的,只不过它们在内部都设置了一些参数 // $.get()在内部调用$.ajax()时已设置type为"GET",因此仍然使用GET方式。 // 但url、async、headers、error等参数的默认值已被$.ajaxSetup()更改 $.get( ); // $.post()在内部调用$.ajax()时已设置type为"POST",因此仍然使用POST方式。 // url也被设置为"user/action.php?method=addUser" // 但async、headers、error等参数的默认值已被$.ajaxSetup()更改 $.post( "user/action.php?method=addUser" );

3.async:

请求是否异步,默认为true,所有请求均为异步请求,如果需要同步请求,就更改默认值为false;同步请求的时候,浏览器会停止其他代码的执行;用户的其他操作,也要等待这个请求结束才能开始执行;

4.data

要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换,可以查看processData(防止自动转换)选项。对象必须为key/value格式,例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。如果是数组,JQuery将自动为不同值对应同一个名称。例如{foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2。

5.dataType

xml:返回XML文档,可用JQuery处理;html:返回纯文本信息;包含的script的标签会插入DOM时执行;script:返回纯文本的javascript代码,不会自动缓存,除非设置了cache参数.注意在远程请求的时,所有post请求都将返回get请求;json:返回json;jsonp:JSONP格式;使用SON形式调用函数时;例如myurl?callback=?,JQuery将自动替换后一个?为正确的函数名,以执行回调函数;

6.success

请求成功后调用的回调函数,有两个参数。(1)由服务器返回,并根据dataType参数进行处理后的数据。(2)描述状态的字符串。function(data,textStatus){//data可能是xmlDoc、jsonObj、html、text等等this;//调用本次ajax请求时传递的options参数}

以上就是极悦小编介绍的"ajax参数介绍",希望对大家有帮助,想了解更多可查看AJAX教程,如有疑问,请在线咨询,有专业老师随时为您服务。

选你想看

你适合学Java吗?4大专业测评方法

代码逻辑 吸收能力 技术学习能力 综合素质

先测评确定适合在学习

在线申请免费测试名额
价值1998元实验班免费学
姓名
手机
提交