jQuery向後臺傳送json資料進行處理程式碼例項

現在網站在前端和後臺進行資料互動的時候使用json格式資料已經成為一種常見的方式。

下面就通過程式碼例項介紹一下，如何在前臺將json格式資料傳送到後臺，希望能夠給需要的朋友帶來一定的幫助。

後臺可以直接將json對應轉化為實體物件，方便以後的操作。jQuery向後臺傳資料的時候，會發現資料自動被轉化成查詢字串，不能真正傳入一個json。而且用jquery對錶單序列化的時候，返回的格式是一個陣列，還需要作進一步轉換。其實只要我們在ajax方法中配置一些東西就可以完成。

程式碼片段如下:

[HTML] 純文字檢視 複製程式碼
<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) { 
 }); 
  
});

在谷歌工具檢視效果如下: