WEB开发网
开发学院网页设计JavaScript JavaScript 一个小的 jquery ajax封装 阅读

JavaScript 一个小的 jquery ajax封装

 2009-08-05 20:13:30 来源:WEB开发网   
核心提示:程序代码$.extend($, { // Ajax调用封装,返回json,JavaScript 一个小的 jquery ajax封装, 并且显示一个状态图片. // handle 服务路径 // data一般为js对象 // callback 回调函数 jsonc: function(handle, data,

程序代码
$.extend($, {

   // Ajax调用封装,返回json。 并且显示一个状态图片.

   // handle 服务路径

   // data一般为js对象

   // callback 回调函数
       jsonc: function(handle, data, callback) {
       $(".ajaxloading").show();
       $.post("/service/" + handle + "?r=" + (new Date().getTime()), data, function(res) {
        $(".ajaxloading").hide();
         if (typeof callback != 'undefined')
           callback.call(this, res);
       }, "json");
  }});

简单补充下:
 程序代码
jQuery.ajax
function ping(){
   //显示进度条
   $("#ping").ajaxStart(function(){
     $(this).show();
   });
   //提交前触发的事件
   $("#ping").ajaxSend(function(request, settings){
     $(this).append("<li>Starting request at " + settings.url + "</li>");
   });
   //调用Juqery Ajax
   $.ajax({
     type: "POST",
     url: "FMobiles.aspx",
     timeout: 20000,
     data: "name=shmily",
     success: function(msg){
       alert(msg);
       var text=msg.split('<');
       //当AJAX请求失败时添加一个被执行的方法
       $("#ping").ajaxError(function(request, settings){
         $(this).append("<li>Error requesting page " + settings.url + "</li>");
       });
       //当AJAX请求成功时添加一个被执行的方法
       $("#ping").ajaxSuccess(function(request, settings){
         $(this).append(text[0]);
       });
     },// end success
     error: function(){
       //当AJAX请求失败时添加一个被执行的方法
       $("#ping").ajaxError(function(request, settings){
         $(this).append("<li>Error requesting page " + settings.url + "</li>");
       });
     }
   });//end $.ajax(

}

Tags:JavaScript 一个 jquery

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接