jquery獲取session中的值,jquery.serialize

 2023-12-06 阅读 21 评论 0

摘要:jQuery - serialize() 方法 serialize() 方法通過序列化表單值,創建 URL 編碼文本字符串。 serialize()函數用于序列化一組表單元素,將表單內容編碼為用于提交的字符串。 serialize()函數常用于將表單內容序列化,以便用于AJAX提交。 該函數主要根據用于提

jQuery - serialize() 方法

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

serialize()函數用于序列化一組表單元素,將表單內容編碼為用于提交的字符串。

serialize()函數常用于將表單內容序列化,以便用于AJAX提交。

該函數主要根據用于提交的有效表單控件的name和value,將它們拼接為一個可直接用于表單提交的文本字符串,該字符串已經過標準的URL編碼處理(字符集編碼為UTF-8)。

jquery獲取session中的值。該函數不會序列化不需要提交的表單控件,這和常規的表單提交行為是一致的。例如:不在<form>標簽內的表單控件不會被提交、沒有name屬性的表單控件不會被提交、帶有disabled屬性的表單控件不會被提交、沒有被選中的表單控件不會被提交。

與常規表單提交不一樣的是:常規表單一般會提交帶有name的按鈕控件,而serialize()函數不會序列化帶有name的按鈕控件。

返回值:

serialize()函數的返回值為String類型,返回將表單元素編碼后的可用于表單提交的文本字符串。

<form name="myForm" action="http://www.365mini.com" method="post"><input name="uid" type="hidden" value="1" /><input name="username" type="text" value="張三" /><input name="password" type="text" value="123456" /><select name="grade" id="grade"><option value="1">一年級</option><option value="2">二年級</option><option value="3" selected="selected">三年級</option><option value="4">四年級</option><option value="5">五年級</option><option value="6">六年級</option></select><input name="sex" type="radio" checked="checked" value="1" />男<input name="sex" type="radio" value="0" />女<input name="hobby" type="checkbox" checked="checked" value="1" />游泳<input name="hobby" type="checkbox" checked="checked" value="2" />跑步<input name="hobby" type="checkbox" value="3" />羽毛球<input name="btn" id="btn" type="button" value="點擊" />
</form>
復制代碼

?對<form>元素進行序列化可以直接序列化其內部的所有表單元素。

// 序列化<form>內的所有表單元素
// 序列化后的結果:uid=1&username=%E5%BC%A0%E4%B8%89&password=123456&grade=3&sex=1&hobby=1&hobby=2
alert( $("form").serialize() );

jquery調用方法??我們也可以直接對部分表單元素進行序列化。

// 序列化所有的text、select、checkbox表單元素
// 序列化后的結果:username=%E5%BC%A0%E4%B8%89&password=123456&grade=3&hobby=1&hobby=2
alert( $(":text, select, :checkbox").serialize() );

?serialize()函數通常用于將表單內容序列化,以便通過AJAX方式提交。

復制代碼
$("#btn").click( function(){// 將當前表單內容以POST請求的AJAX方式提交到"http://www.365mini.com"$.post( "http://www.365mini.com", $("form").serialize(), function( data, textStatus, jqXHR ){alert( "AJAX提交成功!" );       } );} );

轉載于:https://www.cnblogs.com/xlz307/p/5651049.html

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/2/192116.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息