基于jquery的ajax请求封装

基于jquery的ajax请求封装

Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了,.post、.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()

image-20220207211815551

$.ajax的一般格式 $.ajax({      type: \'POST\',      url: \'url\' ,     data: \'data\' ,     success: \'success\' , error: \'error\',     dataType: \'dataType\' }); $.ajax的参数描述 url 必需。规定把请求发送到哪个 URL。
data   可选。映射或字符串值。规定连同请求发送到服务器的数据。  
success(data, textStatus, jqXHR)   可选。请求成功时执行的回调函数。  
dataType   可选。规定预期的服务器响应的数据类型。默认执行智能判断(xml、json、script 或 html)  
封装方法 $.ajax({ url:"http://www.test.com", //请求的url地址 dataType:"json", //返回格式为json async:true,//请求是否异步,默认为异步,这也是ajax重要特性 data:{"id":"1","name":"名字"}, //参数值 type:"GET", //请求方式 beforeSend:function(){ //请求前的处理 }, success:function(req){ //请求成功时处理 }, complete:function(){ //请求完成的处理 }, error:function(){ //请求出错处理 } }); 完整版 jQuery.ajax(...) 部分参数: url:请求地址 type:请求方式,GET、POST(1.9.0之后用method) headers:请求头 data:要发送的数据 contentType:即将发送信息至服务器的内容编码类型(默认: "application/x-www-form-urlencoded; charset=UTF-8") async:是否异步 timeout:设置请求超时时间(毫秒) beforeSend:发送请求前执行的函数(全局) complete:完成之后执行的回调函数(全局) success:成功之后执行的回调函数(全局) error:失败之后执行的回调函数(全局) accepts:通过请求头发送给服务器,告诉服务器当前客户端可接受的数据类型 dataType:将服务器端返回的数据转换成指定类型 "xml": 将服务器端返回的内容转换成xml格式 "text": 将服务器端返回的内容转换成普通文本格式 "html": 将服务器端返回的内容转换成普通文本格式,在插入DOM中时,如果包含JavaScript标签,则会尝试去执行。 "script": 尝试将返回值当作JavaScript去执行,然后再将服务器端返回的内容转换成普通文本格式 "json": 将服务器端返回的内容转换成相应的JavaScript对象 "jsonp": JSONP 格式使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgfywg.html