JS函數封裝JQ的ajax方法

使用原生JS函數封裝JQ的ajax方法

參數說明

• types : 請求方式
• url : 發送的位置
• parm : 發送的數據
• callback : 回調函數

//發送ajax請求
function send_ajax(types,url,param, callback) {
    $.ajax({
        async: false,
        ache: false,
        type: types,
        url: url,
        data: JSON.stringify(param),
        dataType: "text",
        success: function (data) {
            //獲取返回值
            var value = $.parseJSON(data).result
            //執行回調函數
            callback(value)
        },
        error: function (data) {
            //錯誤處理
        }
    });
}

---

實例：用戶登錄函數user_login()

1. 登錄的回調函數

function login_callback(value) {
    switch (value) {
        case 1:
            alert("登錄成功");
            window.location.href = 'index.html'
            break;
        case 0:
            alert("密碼錯誤");
            $("#pass").val("")
            break;
        case -1 :
            alert("該賬號不存在")
            $("#name").val("")
            break;
    }
}

2. 登錄函數

function user_login(name, pwd) {
    if (name === "") {
        alert("請輸入用戶名");
        return
    }
    if (pwd === "") {
        alert("請輸入密碼");
        return
    }
    var data = {
        "status": 1,
        "name": name,
        "pwd": pwd
    }
    //發送ajax請求
    send_ajax('POST','/api', data, login_callback)
}