jQuery向後台傳入json格式資料的方法_jquery

本文實例講述了jQuery向後台傳入json格式資料的方法。分享給大家供大家參考。具體分析如下：

前後台資料互動一般都用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格式

希望本文所述對大家的jQuery程式設計有所幫助。