Bootstrap是一個流行的前端框架,它包含了很多繼承式的CSS、JS和HTML插件,可以簡化前端的開發過程、提升開發效率、減少代碼重復。
在使用Bootstrap開發前端時,經常需要向后端提交JSON數據。下面我們就來介紹如何使用Bootstrap中的AJAX方法POST JSON數據。
$.ajax({ url: "api/data", type: "POST", data: JSON.stringify({name: "Tom", age: 20}), contentType: "application/json; charset=utf-8", dataType: "json", success: function(data) { console.log("POST成功"); }, error: function(jqXHR, textStatus, errorThrown) { console.log("POST失敗"); } });
我們可以看到上面的代碼中,使用了jQuery中的AJAX方法,來向后端提交POST請求,并且將數據以JSON字符串的形式通過data屬性傳遞。
在contentType屬性中設置"application/json; charset=utf-8",告訴服務器傳遞的是json數據。
dataType屬性設置為"json",表示期望接收到json格式的數據。如果服務器返回的數據不是json格式,則會觸發error回調函數。
以上就是使用Bootstrap POST JSON數據的方法,相信大家在實際開發過程中也會經常使用。