jQuery ajax 使用

$.ajax()語法

$.ajax({
    async: true, // 表示請求是否異步處理。默認是 truetype: "POST", // 規定請求的類型(GET 或 POST)。
    url: url,  // 規定發送請求的 URL。默認是當前頁面。
    timeout: 1000, // 設置本地的請求超時時間(以毫秒計)。
    data: , // 規定要發送到服務器的數據。
    dataType: "json", // 預期的服務器響應的數據類型。
    contentType: , 發送數據到服務器時所使用的內容類型。默認是:"application/x-www- form-urlencoded"。
    beforeSend(xhr), // 發送請求前,返回結果前運行的函數。
    success(result,status,xhr), // 當請求成功時運行的函數。
    error(xhr,status,error), // 若是請求失敗要運行的函數。
    complete(xhr,status), 請求完成時運行的函數(在請求成功或失敗以後均調用,即在                             success 和 error 函數以後)。
    
});
複製代碼

ajaxSetup() 方法,設置全局ajax默認值

$.ajaxSetup({
    timeout: 1000*60,
    complete: function(XMLHttpRequest, textStatus) {
        if (textStatus == 'timeout') {
            $.modal.alertWarning("服務器超時,請稍後再試!");
            $.modal.closeLoading();
        } else if (textStatus == "parsererror") {
            $.modal.alertWarning("服務器錯誤,請聯繫管理員!");
            $.modal.closeLoading();
        }
    }
});
複製代碼

.get()、.getJSON()、$.post()

$.get(
    URL,
    data,
    function(data,status,xhr){
        // 請求成功後所執行的函數
        //  status - 包含請求的狀態                           ("success""notmodified""error""timeout""parsererror")
    }),
    dataType,
複製代碼

簡單對象

$.ajax({
    type: "POST",
    url: prefix +"/syncAllWxUsers",
    dataType: "json",
    data: {"openId":wxUser.openId},
    success: function (data) {
        layer.msg(data.msg);
        $.table.refresh();
    }
});

// 後臺方法
public ResultData<Boolean> syncWxUser(String openId)
			throws WxErrorException {
		return ;
	}
複製代碼

複雜對象

$.ajax({
    type: "POST",
    url: prefix +"/syncOrders",
    data: JSON.stringify(tbkOrder),
    dataType: "json",
    contentType : "application/json",
    success: function (data) {
        layer.msg(data.msg);
        $.table.refresh();
    }
});

// 後臺方法
public ResultData<Boolean> syncOrders(@RequestBody TbkOrder tbkOrder) throws IOException, WxErrorException {
		return            ResultData.result(tbkOrderService.syncSettleOrder(tbkOrder));
	}
複製代碼
相關文章
相關標籤/搜索