前端開發:jQuery-ajax的封裝

1.前提:php

     引用jquery文件jquery

2.封裝:ajax

直接看代碼,詳細註釋:json

/**
 *  @param source 數據
 *  @param successHandle 訪問成功的回調函數
 *  @param errorHandle 訪問失敗回調函數
 **/
$.ajaxFunc =function(source, successHandle, errorHandle) {
    $.ajax({
        url: source['url'],
        type: "post",
        data: source['data'],
        dataType: "json",
        async: true,
        success:function(res){ successHandle(res);},
        error: function(){ errorHandle();}
    });
};


//訪問成功的回調函數
function text(data){
    alert(JSON.stringify(data));
}
//訪問失敗的回調函數
function errorMsg(){
    alert("錯誤信息:0006");
}


//數據
var source ={
    url: "__ROOT__/index.php/Study/Index/getJson",
    data: {
        flag: 12,
        text: "i am test"
    }
};

//封裝的ajax調用
$.ajaxFunc(source, text, errorMsg);
相關文章
相關標籤/搜索