`

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
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics