当前位置:学会吧培训频道电脑知识学习网页制作Javascript教程JavaScript 一个小的 jquery ajax封装» 正文

JavaScript 一个小的 jquery ajax封装

[08-08 00:43:17]   来源:http://www.xuehuiba.com  Javascript教程   阅读:8722
概要:http://www.xuehuiba.com/程序代码$.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 != 'un
JavaScript 一个小的 jquery ajax封装,标签:javascript视频教程,javascript教程下载,http://www.xuehuiba.com
http://www.xuehuiba.com/

程序代码
$.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(

}

http://www.xuehuiba.com/
Tag:Javascript教程javascript视频教程,javascript教程下载电脑知识学习 - 网页制作 - Javascript教程
Copyright 学会吧 All Right Reserved.
在线学习社区!--学会吧
1 2 3 4 5 6 7 7 8 9 10 11 12 13