今天看到群里面有网友们问到Jquery Ajax的(载荷、post、get、Ajax)之间的区别,现在整理了一篇文章出来,希望可以帮到网友们,首先我们先来看一些简单的方法,
这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到)。
<强> url(字符串):强>请求的HTML页的url地址。
<强>数据(地图),:>强(可选参数)发送至服务器的键/值数据。
<强>的回调(callback): >强(可选参数)请求完成时(不需要是成功的)的回调函数。
这个方法默认使用得到的方式来传递的,如果(数据)参数有传递数据进去,就会自动转换为发布方式的.jQuery 1.2中,可以指定选择符,
来筛选载入的HTML文档,DOM中将仅插入筛选出的HTML代码。语法形如“url #一些比;选择器”。
这个方法可以很方便的动态加载一些HTML文件,例如表单。
<强>示例代码:强>
$ (“.ajax.load”) .load (" https://www.jb51.net ",函数(responseText、textStatus XMLHttpRequest){;//在这里这指向的是当前的DOM对象,
即$ (“.ajax.load”)[0]//警报(responseText);//请求返回的内容//警报(textStatus);//请求状态:成功,错误//警报(XMLHttpRequest);//XMLHttpRequest对象});
注:不知道为什么URL写绝对路径在FF下会出错,知道的麻烦告诉下。下面的get()和post()示例使用的是绝对路径,所以在FF下你将会出错并不会看到返回结果。还有get()和post()示例都是跨域调用的,发现传上来后没办法获取结果,所以把运行按钮去掉了。
<强>参数:强>
<强> url(字符串):>强发送请求的url地址。
<强>数据(Map): >强(可选)要发送给服务器的数据,以键/值的键值对形式表示,会做为变量的附加到请求URL中。
<强>回调(功能):>强(可选)载入成功时回调函数(只有当响应的返回状态是成功才是调用该方法)。
这是一个简单的就请求功能以取代复杂的美元。ajax。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用$ . ajax。
<强>示例代码:强>
$ . get ("/Ajax。aspx”{行动:“获得”,名字:“露露”},功能(数据、textStatus){//返回的数据可以是xmlDoc, jsonObj、html、文本等等。;//在这里这指向的是Ajax请求的选项配置信息,请参考下图警报(数据);//警报(textStatus);//请求状态:成功、错误等等。
当然这里捕捉不到错误,因为错误的时候根本不会运行该回调函数//警报(这);});
<强>点击发送请求:强>
jQuery.get()回调函数里面的,指向的是Ajax请求的选项配置信息:
<强>参数:强>
<强> url(字符串):>强发送请求的url地址。
<强>数据(Map): >强(可选)要发送给服务器的数据,以键/值的键值对形式表示。
<强>回调(功能):>强(可选)载入成功时回调函数(只有当响应的返回状态是成功才是调用该方法)。
<>强类型(String): >强(可选)官方的说明是:要发送的数据类型。其实应该为客户端请求的类型(JSON、XML等等)
这是一个简单的帖子请求功能以取代复杂的美元。ajax。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用$ . ajax。
示例代码:
<强> Ajax.aspx: 强>
反应。ContentType=" application/json ";响应。请求写(“{结果:”+“姓名”+”,你好!(这消息来自服务器)“}”);
<强> jQuery代码:强>
$ . post (“Ajax。aspx”{行动:“文章”,名字:“露露”},功能(数据、textStatus){//数据可以是xmlDoc, jsonObj、html、文本等等。//这一点;//这个Ajax请求的选项配置信息,请参考jQuery.get()说到的thisalert (data.result);}, json);
<强>点击提交:强>
这里设置了请求的格式为“json”:
如果你设置了请求的格式为json,此时你没有设置响应回来的ContentType为:反应。ContentType=" application/json”;那么你将无法捕捉到返回的数据。
注意一下,警报(data.result);由于设置了接受报头为json,这里返回的数据就是一个对象,并不需要用eval()来转换为对象。
参数
url(字符串):待载入JS文件地址。
回调(功能):(可选)成功载入后回调函数。
jQuery 1.2版本之前,getScript只能调用同域JS文件。1.2中,您可以跨域调用JavaScript文件。注意:Safari 2或更早的版本不能在全局作用域中同步执行脚本。如果通过getScript加入脚本,请加入延时函数。