JQuery的AJAX

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

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

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

     

   $.ajax({

                type: "post",   //请求方法,默认为get
                url: "putCart",   //发送请求地址
                data:{"product":$("#product").val(), "amount": $("#amount").val()},   //发送到服务器的数据

                timeout:1000,   //请求超时时间，单位毫秒

                async:true,  //是否为异步请求，默认值为true，即异步请求

                cache:true, //是否从浏览器缓存中加载请求信息，默认为true，即从缓存中加载

                datatype:html, //预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息返回responseXML或responseText，并作为回调函数参数传递,可用值：xml,html,json,script,jsonp

                complete：function(xmlHttpRequest,textStatus){ 

                         //无论请求成功或失败，请求后都会执行的回调函数

                        alert(xmlHttpRequest);

                },
                success: function(data, textStatus){     

                        //请求成功后回调函数
                        $("#div1").empty();
                        $("#div1").append(data);
                },
                error: function(){  //请求失败或回调函数
                        alert("数据库连接异常");
                }

        });

 1         2.JQuery.load() 载入远程 HTML 文件代码并插入至 DOM 中

           $.load({url,[data],[callbackfunction(responseText, textStatus, XMLHttpRequest)]): });

        3.JQuery.get()：使用GET方式来进行异步请求

            $.get(url,[data],[callbackfunction(responseText, textStatus)]):

        4.JQuery.post()：使用POST方式来进行异步请求

           $.post(url,[data],[callbackfunction(responseText, textStatus)],[type]):    

           // responsetText可以是 xmlDoc, jsonObj, html, text 

           //请求状态：success，error

       5. jQuery.getScript()：通过 GET 方式请求载入并执行一个 JavaScript 文件

           $.getScript(url, [callback] ) :