之前介紹過jQuery ajax發出請求的基本設定。
本文詳細介紹使用ajax發出POST請求，並且使用內容為json格式。
之前已經介紹過基本的ajax發出請求的方法。
使用ajax建立POST HTTP request
下方為javascript範例程式碼。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
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: function(returnData){ console.log(returnData); }, error: function(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中抓住回傳訊息並處理。
留言