JavaScript 一个小的 jquery ajax封装

王朝学院·作者佚名  2009-08-05
窄屏简体版  字體: |||超大  

程序代码

$.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(

}

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航