Jq ajax 結果返回,return無效,解決方式!

// 註釋是重點!!!
$(document).ready(function () {
   $('#saveRecordCustomerInfoBtn').click(function () {
       var customerId = $('#customerId').val();
       var customerName = $('#customerName').val();

       if (!customerId) {
           showErrTip('0');
       } else if (!customerName) {
           showErrTip('1');
       } else {
           type = 'POST';
           url = '/post_saveRecordCustomer/';
           postData = {
               "customerId": customerId,
               "customerName": customerName
           };

           callback = function (data) {   // callback 一定要在 發起ajax請求的前面,否則提示沒有定義
               showErrTip(data);  // 返回 成功/失敗信息
           };

           requestAjax(type, url, postData, callback);  // 發起ajax請求,如果有返回值,則調用回調函數callback即可!

       }
   })
});

// ajax 請求(封裝)
function requestAjax(type, url, requestData, callback) {
    $.ajax({
        type: type,
        url: url,
        data: requestData,
        dataType: 'json',
        success: function (data, tetxStatus) {
            ajaxSuccess(data, callback); 
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert(errorThrown);
        }
    })
}

// ajax請求 成功,返回(調用 發起者的 回調函數)
function ajaxSuccess(data, callback) {
    return callback(data);
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章