JQuery的.ajax方法实例

ExtJs和JQuery框架，确实都是很不错的JS框架，个人倾向于JQuery。ExtJs是构建RIA的不错的解决方案之一，它更专业于企业级客户端的UI设计，以及构建与后台无关的Ajax应用。而JQuery则更简单易用，它是轻量级的JS库，JS库压缩得非常小，快速、简洁，写更少的代码，做更多的事情，适合非专业客户端程序员做一般的前端开发。

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

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

       $.ajax({
          type: "post",   //请求方法,默认为get
          url: "getdatabyajax.jsp",   //发送请求地址
          data:{"type": type, "params": params,"company":company,"affirid":affirid },   //发送到服务器的数据

          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("请求执行结束");

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



         2.JQuery.load(url,[data],[callbackfunction(responseText, textStatus, XMLHttpRequest)]):载入远程 HTML 文件代码并插入至 DOM 中

         3.JQuery.get(url,[data],[callbackfunction(responseText, textStatus)]):使用GET方式来进行异步请求

         4.JQuery.post(url,[data],[callbackfunction(responseText, textStatus)],[type]): 使用POST方式来进行异步请求  

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

           //请求状态：success，error

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





        参考文章：jQuery Ajax 实例 全解析 http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html