jQuery Ajax使用 全解析

2020-05-17 06:18:59易采站长站整理


            }, “json”);


点击提交:


这里设置了请求的格式为”json”:



如果你设置了请求的格式为”json”,此时你没有设置Response回来的ContentType 为:Response.ContentType = “application/json”; 那么你将无法捕捉到返回的数据。


注意一下,alert(data.result); 由于设置了Accept报头为“json”,这里返回的data就是一个对象,并不需要用eval()来转换为对象。


 


4. jQuery.getScript( url, [callback] ) : 通过 GET 方式请求载入并执行一个 JavaScript 文件。


参数 


url (String) : 待载入 JS 文件地址。


callback (Function) : (可选) 成功载入后回调函数。


jQuery 1.2 版本之前,getScript 只能调用同域 JS 文件。 1.2中,您可以跨域调用 JavaScript 文件。注意:Safari 2 或更早的版本不能在全局作用域中同步执行脚本。如果通过 getScript 加入脚本,请加入延时函数。


这个方法可以用在例如当只有编辑器focus()的时候才去加载编辑器需要的JS文件.下面看一些示例代码:


加载并执行 test.js。


jQuery 代码:


$.getScript(“test.js”);


加载并执行 AjaxEvent.js ,成功后显示信息。


jQuery 代码:


$.getScript(“AjaxEvent.js”, function(){


            alert(“AjaxEvent.js 加载完成并执行完成.你再点击上面的Get或Post按钮看看有什么不同?”);


            });


 


加载完后请重新点击一下上面的 Load 请求看看有什么不同。


jQuery Ajax 事件


Ajax请求会产生若干不同的事件,我们可以订阅这些事件并在其中处理我们的逻辑。在jQuery这里有两种Ajax事件:局部事件 和 全局事件。


局部事件就是在每次的Ajax请求时在方法内定义的,例如:


$.ajax({


            beforeSend: function(){


            // Handle the beforeSend event


            },


            complete: function(){


            // Handle the complete event