JavaScript 一个小的 jquery ajax封装
2009-08-05 20:13:30 来源:WEB开发网程序代码
$.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
编辑录入:爽爽 [复制链接] [打 印]更多精彩
赞助商链接