jQuery向后臺傳入json格式數(shù)據(jù)的方法
更新時間：2015年02月13日 09:03:09 作者：筆心
這篇文章主要介紹了jQuery向后臺傳入json格式數(shù)據(jù)的方法,實例分析了傳遞json格式數(shù)據(jù)的原理與具體實現(xiàn)技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery向后臺傳入json格式數(shù)據(jù)的方法。分享給大家供大家參考。具體分析如下：
前后臺數(shù)據(jù)交互一般都用json格式，后臺可以直接將json對應轉(zhuǎn)化為實體對象。方便以后的操作。jQuery向后臺傳數(shù)據(jù)的時候，我們會發(fā)現(xiàn)他會自動轉(zhuǎn)化成查詢字符串，不能真正傳入一個json。而且用jquery對表單序列化的時候，返回的格式是一個數(shù)組，還需要作進一步轉(zhuǎn)換。其實只要我們在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程序設計有所幫助。
相關文章
這篇文章主要介紹了jquery ajax 請求小技巧,結(jié)合實例形式分析了jquery ajax請求操作相關配置與使用技巧,需要的朋友可以參考下2019-11-11
本篇文章給大家分享了20個最常見的jQuery面試問題及答案，對此有需要的朋友可以參考下。2018-05-05
jQuery圖片滾動圖片的效果(另類實現(xiàn))，需要的朋友可以參考一下2013-06-06
這篇文章主要介紹了jQuery學習筆記之創(chuàng)建DOM元素的相關資料,需要的朋友可以參考下2015-01-01
jQuery實現(xiàn)仿美橙互聯(lián)兩級導航菜單效果完整實例
這篇文章主要介紹了jQuery實現(xiàn)仿美橙互聯(lián)兩級導航菜單效果,以完整實例形式分析了jQuery響應鼠標事件實現(xiàn)針對頁面元素的遍歷及樣式的動態(tài)操作技巧,需要的朋友可以參考下2015-09-09
jquery中各個事件執(zhí)行順序如下,使用jquery $.ajax的朋友可以參考下。2010-10-10
JQuery里面的幾種選擇器 查找滿足條件的元素$("#控件ID")
JQuery里面的幾種選擇器 查找滿足條件的元素$("#控件ID"),使用jquery的朋友可以參考下。2011-08-08
用jquery實現(xiàn)的圖片圓角效果代碼。2009-05-05
ajax俗稱無刷新登錄或局部刷新登錄，這樣可以提高用戶體驗了，文章講到了關于基于jquery ajax用法返回數(shù)據(jù)與實例2用戶無刷新登錄2012-04-04
Jquery Easyui進度條組件Progress使用詳解（8）
這篇文章主要為大家詳細介紹了Jquery Easyui進度條組件Progress的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12