jQuery中的ajax应用

jQuery对ajax进行了3层封装。最底层为$.ajax()方法、第2层为load(),$get(),$post()方法、最高层为$.getScript(),$.getJSON()方法。

load方法通常用于从web服务器中获取静态的数据文件，主要功能是载入远程HTML代码并插入DOM中，结构为

load(url, [, data] [, callback])

url为请求HTML页面的URL地址，data为发送给服务器的key/value数据，callbakc为请求完成时的回调函数。

这个方法可以这么用：

$("#resText").load("test.html");

调用上面的代码后，test.html页面就会被载入到DOM元素中。

在实际开发中最常用的是get和post方法，这两个方法是jQuery的全局函数，之前讲的所以方法都是对jQuery对象进行操作。

$.get()方法使用GET方式进行异步请求，结构为：

$.get(url [, data] [, callback] [, type]);

url为请求页面的url地址，data为发送至服务器的key/value数据，callback为载入成功时的回调函数，type为服务器端返回内容的格式。

其它参数都是很简单的，主要是看一下回调函数有哪些参数：

function(data, textStatus){
  //data : 返回的内容，可以是xml, json, html片段等
  //textStatus : 请求状态： success, error, notmodified, timeout4种
}

$.get()和$.post()只有等textStatus状态为success时回调函数才会被调用。

如果返回的是xml文档，那么可以用jquery中的attr,find filter方法进行处理。

$post()方法实际上跟$get()方法的使用方法差不多，只是背后的原理不同。

接下来讲一下jQuery提供的最高层方法getScript和getJSON方法。

有时候，在页面初次加载的时候载入所有的js文件是没有必要的，我们可以动态引入js文件：

$(document.createElement("script")).attr("src", "test.js").appendTo("head");//方法1
$("