jQuery如何向後臺傳入json格式資料
阿新 • • 發佈:2019-02-04
前後臺數據互動一般都用json格式,後臺可以直接將json對應轉化為實體物件。方便以後的操作。jQuery向後臺傳資料的時候,我們會發現他會自動轉化成查詢字串,不能真正傳入一個json。而且用jquery對錶單序列化的時候,返回的格式是一個數組,還需要作進一步轉換。其實只要我們在ajax方法中配置一些東西就可以完成。程式碼如下:
<form id="ff"> <input type="text" name="test1"/> <input type="text" name="test2"/> <input type="text" name="test3"/> <input type="text" name="test4"/> <input type="button" id="save" value="save"/> </form>
$("#save").on("click", function () { var params = $("#ff").serializeArray(); var j = {}; for (var item in params) { j[params[item].name] = params[item].value; } $.ajax({ url:'index.html', data:JSON.stringify(j), type:'post', dataType:'json', headers:{ Accept:"application/json", "Content-Type":"application/json" }, processData:false, cache:false }).done(function (data) { }); });
如果在chrome看到如圖的顯示格式,說明傳入到後臺的就是json格式