JQuery的AJAX

jQuery框架，确实都是很不错的JS框架，个人倾向于JQuery。JQuery则更简单易用，它是轻量级的JS库，JS库压缩得非常小，快速、简洁，写更少的代码，做更多的事情。

JQuery的.ajax()方法是JQuery的核心方法，方法.load()、.get()、.post()及.getScript()对.ajax()进行了简单的封装。

1、JQuery.ajax(options):通过Http请求加载远程数据：

 1    $.ajax({
 2 
 3                 type: "post",   //请求方法,默认为get
 4                 url: "putCart",   //发送请求地址
 5                 data:{"product":$("#product").val(), "amount": $("#amount").val()},   //发送到服务器的数据
 6 
 7                 timeout:1000,   //请求超时时间，单位毫秒
 8 
 9                 async:true,  //是否为异步请求，默认值为true，即异步请求
10 
11                 cache:true, //是否从浏览器缓存中加载请求信息，默认为true，即从缓存中加载
12 
13                 datatype:html, //预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息返回responseXML或responseText，并作为回调函数参数传递,可用值：xml,html,json,script,jsonp
14 
15                 complete：function(xmlHttpRequest,textStatus){ 
16 
17                          //无论请求成功或失败，请求后都会执行的回调函数
18 
19                         alert(xmlHttpRequest);
20 
21                 },
22                 success: function(data, textStatus){     
23 
24                         //请求成功后回调函数
25                         $("#div1").empty();
26                         $("#div1").append(data);
27                 },
28                 error: function(){  //请求失败或回调函数
29                         alert("数据库连接异常");
30                 }
31 
32         });



 1         2.JQuery.load() 载入远程 HTML 文件代码并插入至 DOM 中
 2 
 3            $.load({url,[data],[callbackfunction(responseText, textStatus, XMLHttpRequest)]): });
 4 
 5         3.JQuery.get()：使用GET方式来进行异步请求
 6 
 7             $.get(url,[data],[callbackfunction(responseText, textStatus)]):
 8 
 9         4.JQuery.post()：使用POST方式来进行异步请求
10 
11            $.post(url,[data],[callbackfunction(responseText, textStatus)],[type]):    
12 
13            // responsetText可以是 xmlDoc, jsonObj, html, text 
14 
15            //请求状态：success，error
16 
17        5. jQuery.getScript()：通过 GET 方式请求载入并执行一个 JavaScript 文件
18 
19            $.getScript(url, [callback] ) :