目录
ajax请求
访问量:2443
本文中,主要是说说Jquery中ajax的使用,关于Javascript中ajax,可以查看我博客中之前写的一篇文章ajax从入门到深入精通。本文的内容主要围绕以下几个方面:
设置ajax请求方法,如get或是post
传递数据
控制http头信息
接受数据以及错误处理
jQuery中ajax请求的方法如下:
jQuery.ajax( url [, settings ] ) 参数描述如下 url 类型: String 一个用来包含发送请求的URL字符串。 settings 类型: PlainObject 一个以"{键:值}"组成的AJAX 请求设置。所有选项都是可选的。可以使用$.ajaxSetup()设置任何默认参数。看jQuery.ajax( settings )下所有设置的完整列表。其中,常见参数设置如下: accepts: {mycustomtype: 'application/x-some-custom-type'} //设置请求头 type: 'post' //设置请求方法 data: {'name':'dqs'} //发送到服务器的数据 dateType:'json' //设置从服务器返回你期望的数据类型 error:function(jqXHR, textStatus, errorThrown ){} //请求失败时调用此函数 success:Function(data, textStatus, jqXHR){} //请求成功后的回调函数。 beforeSend:Fuction // 在发送请求之前调用,它接收jqXHR对象和settings作为参数对象 为了便于链式操作,从 jQuery 1.5 开始,$.ajax()返回的jqXHR对象 实现了 Promise 接口, 使它拥有了 Promise 的所有属性,方法和行为,提供了jqXHR.done、jqXHR.fail、jqXHR.always、jqXHR.then。 推荐使用的注意事项: jqXHR.success(), jqXHR.error(), 和 jqXHR.complete()回调从 jQuery 1.8开始 被弃用过时。他们将最终被取消,您的代码应做好准备, 从jQuery 3.0开始被删除,你可以使用jqXHR.done(), jqXHR.fail(), 和 jqXHR.always() 代替。
更多,相关描述,可以参考Jquery手册中ajax部分。
案例一
通过ajax请求,获取www.findme.wang里面的内容,代码如下:
$.ajax({ method: "POST", url: "http://www.findme.wang", data: { name: "John", location: "Boston" } }).done(function( msg ) { alert( msg ); }); //当然你也可以采用下面一种写法 $.ajax({ method: "POST", url: "http://www.findme.wang", data: { name: "John", location: "Boston" }, success:function(data){alert(data)} });
请在下面输入需要执行的语句
本文为原创文章,请尊重辛勤劳动,如需转载,请保留本文地址
若您感觉本站文章不错,读后有收获,不妨赞助一下?
我要赞助