jQuery向后臺(tái)傳入json格式數(shù)據(jù)的方法

更新時(shí)間：2015年02月13日 09:03:09 作者：筆心

這篇文章主要介紹了jQuery向后臺(tái)傳入json格式數(shù)據(jù)的方法,實(shí)例分析了傳遞json格式數(shù)據(jù)的原理與具體實(shí)現(xiàn)技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jQuery向后臺(tái)傳入json格式數(shù)據(jù)的方法。分享給大家供大家參考。具體分析如下：

前后臺(tái)數(shù)據(jù)交互一般都用json格式，后臺(tái)可以直接將json對(duì)應(yīng)轉(zhuǎn)化為實(shí)體對(duì)象。方便以后的操作。jQuery向后臺(tái)傳數(shù)據(jù)的時(shí)候，我們會(huì)發(fā)現(xiàn)他會(huì)自動(dòng)轉(zhuǎn)化成查詢字符串，不能真正傳入一個(gè)json。而且用jquery對(duì)表單序列化的時(shí)候，返回的格式是一個(gè)數(shù)組，還需要作進(jìn)一步轉(zhuǎn)換。其實(shí)只要我們在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看到如圖的顯示格式，說明傳入到后臺(tái)的就是json格式

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jquery ajax 請求小技巧實(shí)例分析
這篇文章主要介紹了jquery ajax 請求小技巧,結(jié)合實(shí)例形式分析了jquery ajax請求操作相關(guān)配置與使用技巧,需要的朋友可以參考下
2019-11-11
20個(gè)最常見的jQuery面試問題及答案
本篇文章給大家分享了20個(gè)最常見的jQuery面試問題及答案，對(duì)此有需要的朋友可以參考下。
2018-05-05
jQuery圖片滾動(dòng)圖片的效果(另類實(shí)現(xiàn))
jQuery圖片滾動(dòng)圖片的效果(另類實(shí)現(xiàn))，需要的朋友可以參考一下
2013-06-06
jQuery學(xué)習(xí)筆記之創(chuàng)建DOM元素
這篇文章主要介紹了jQuery學(xué)習(xí)筆記之創(chuàng)建DOM元素的相關(guān)資料,需要的朋友可以參考下
2015-01-01
jQuery實(shí)現(xiàn)仿美橙互聯(lián)兩級(jí)導(dǎo)航菜單效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿美橙互聯(lián)兩級(jí)導(dǎo)航菜單效果,以完整實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件實(shí)現(xiàn)針對(duì)頁面元素的遍歷及樣式的動(dòng)態(tài)操作技巧,需要的朋友可以參考下
2015-09-09
jquery $.ajax各個(gè)事件執(zhí)行順序
jquery中各個(gè)事件執(zhí)行順序如下,使用jquery $.ajax的朋友可以參考下。
2010-10-10
JQuery里面的幾種選擇器查找滿足條件的元素$("#控件ID")
JQuery里面的幾種選擇器查找滿足條件的元素$("#控件ID"),使用jquery的朋友可以參考下。
2011-08-08
jquery 圓角遮罩圖片實(shí)現(xiàn)圖片圓角
用jquery實(shí)現(xiàn)的圖片圓角效果代碼。
2009-05-05
基于jquery ajax 用戶無刷新登錄方法詳解
ajax俗稱無刷新登錄或局部刷新登錄，這樣可以提高用戶體驗(yàn)了，文章講到了關(guān)于基于jquery ajax用法返回?cái)?shù)據(jù)與實(shí)例2用戶無刷新登錄
2012-04-04
Jquery Easyui進(jìn)度條組件Progress使用詳解（8）
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui進(jìn)度條組件Progress的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12