日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery $.ajax传递数组的traditional参数传递必须true 对象的序列化

發布時間:2025/3/21 编程问答 34 豆豆
生活随笔 收集整理的這篇文章主要介紹了 jQuery $.ajax传递数组的traditional参数传递必须true 对象的序列化 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

設置jQuery 的 traditional參數 實際上是設置 jQuery.param 的traditional 參數,默認為false,當設置為true后,會導致多層次的對象序列化為[object object](淺序列化)

當提交的參數是數組( {selectUsers:[value,value,value]} ),如果是false的話,則提交時會是"selectUsers[]=value&selectUsers[]=value"
如果設置成true,則提交時會是"selectUsers=value&selectUsers=value"
這樣后臺就能用String[] ids=request.getParameterValues("selectUsers"); 獲取到值。
官方文檔的解釋如下:
traditional?
類型:Boolean
如果你想要用傳統的方式來序列化數據,那么就設置為 true。
Set this to true if you wish to use the traditional style of param serialization

http://blog.csdn.net/ojackhao/article/details/24580437

?

?

param() 方法創建數組或對象的序列化表示。

http://www.w3school.com.cn/jquery/ajax_param.asp

該序列化值可在進行 AJAX 請求時在 URL 查詢字符串中使用。

語法

jQuery.param(object,traditional)
object要進行序列化的數組或對象
traditional規定是否使用傳統的方式淺層進行序列化(參數序列化)。



1 <html> 2 <head> 3 <script type="text/javascript" src="/jquery/jquery.js"></script> 4 <script type="text/javascript"> 5 $(document).ready(function(){ 6 personObj=new Object(); 7 personObj.firstname="Bill"; 8 personObj.lastname="Gates"; 9 personObj.age=60; 10 personObj.eyecolor="blue"; 11 $("button").click(function(){ 12 $("div").text($.param(personObj)); 13 }); 14 }); 15 </script> 16 </head> 17 <body> 18 19 20 <button>序列化對象</button> 21 <div></div> 22 </body> 23 </html> //輸出結果
firstname=Bill&lastname=Gates&age=60&eyecolor=blue

?

serialize() 方法通過序列化表單值,創建 URL 編碼文本字符串。

http://www.w3school.com.cn/jquery/ajax_serialize.asp

您可以選擇一個或多個表單元素(比如 input 及/或 文本框),或者 form 元素本身。

序列化的值可在生成 AJAX 請求時用于 URL 查詢字符串中。

.serialize() 方法創建以標準 URL 編碼表示的文本字符串。它的操作對象是代表表單元素集合的 jQuery 對象。

.serialize() 方法可以操作已選取個別表單元素的 jQuery 對象,比如 <input>, <textarea> 以及 <select>。不過,選擇 <form> 標簽本身進行序列化一般更容易些:

注釋:只會將”成功的控件“序列化為字符串。如果不使用按鈕來提交表單,則不對提交按鈕的值序列化。如果要表單元素的值包含到序列字符串中,元素必須使用 name 屬性。

1 <html> 2 <head> 3 <script type="text/javascript" src="/jquery/jquery.js"></script> 4 <script type="text/javascript"> 5 $(document).ready(function(){ 6 $("button").click(function(){ 7 $("div").text($("form").serialize()); 8 }); 9 }); 10 </script> 11 </head> 12 <body> 13 <form action=""> 14 First name: <input type="text" name="FirstName" value="Bill" /><br /> 15 Last name: <input type="text" name="LastName" value="Gates" /><br /> 16 </form> 17 18 <button>序列化表單值</button> 19 <div></div> 20 </body> 21 </html>

結果

1 1 FirstName=Bill&LastName=Gates

?

serializeArray() 方法通過序列化表單值來創建對象數組(名稱和值)。

http://www.w3school.com.cn/jquery/ajax_serializearray.asp

您可以選擇一個或多個表單元素(比如 input 及/或 textarea),或者 form 元素本身。

語法

$(selector).serializeArray()

詳細說明

serializeArray() 方法序列化表單元素(類似 .serialize() 方法),返回 JSON 數據結構數據。

注意:此方法返回的是 JSON 對象而非 JSON 字符串。需要使用插件或者第三方庫進行字符串化操作。

返回的 JSON 對象是由一個對象數組組成的,其中每個對象包含一個或兩個名值對 —— name 參數和 value 參數(如果 value 不為空的話)。舉例來說:

[ {name: 'firstname', value: 'Hello'}, {name: 'lastname', value: 'World'},{name: 'alias'}, // 值為空 ]

.serializeArray() 方法使用了 W3C 關于 successful controls(有效控件) 的標準來檢測哪些元素應當包括在內。特別說明,元素不能被禁用(禁用的元素不會被包括在內),并且元素應當有含有 name 屬性。提交按鈕的值也不會被序列化。文件選擇元素的數據也不會被序列化。

該方法可以對已選擇單獨表單元素的對象進行操作,比如 <input>, <textarea>, 和 <select>。不過,更方便的方法是,直接選擇 <form> 標簽自身來進行序列化操作。

$("form").submit(function() {console.log($(this).serializeArray());return false; });

上面的代碼產生下面的數據結構(假設瀏覽器支持 console.log):

[{name: avalue: 1},{name: bvalue: 2},{name: cvalue: 3},{name: dvalue: 4},{name: evalue: 5} ]

轉載于:https://www.cnblogs.com/linsx/p/6801751.html

《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的jQuery $.ajax传递数组的traditional参数传递必须true 对象的序列化的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。