[JS] 利用ajax發出POST請求，並使用json內容格式

之前介紹過jQuery ajax發出請求的基本設定。

本文詳細介紹使用ajax發出POST請求，並且使用內容為json格式。

之前已經介紹過基本的ajax發出請求的方法。

使用ajax建立POST HTTP request

下方為javascript範例程式碼。

var requestURL = "testURL";
var dataJSON = {};
dataJSON["Device"] = "iPhone";
dataJSON["Company"] = "Apple";

$.ajax({
    url: requestURL,
    data: JSON.stringify(dataJSON),
    type: "POST",
    dataType: "json",
    contentType: "application/json;charset=utf-8",
    success: (returnData){
        console.log(returnData);
    },
    error: (xhr, ajaxOptions, thrownError){
        console.log(xhr.status);
        console.log(thrownError);
    }
});

上方先建立API的URL(requestURL)，並將要透過HTTP POST request傳送至後端的JSON資料包好(dataJSON)。

而ajax中的設定，data部分要記得將dataJSON透過JSON.stringify轉為字串傳出。

若是後端API有設計傳回資料，和GET request一樣，我們可以在success中抓住回傳訊息並處理。