037_jQuery Ajax序列化
生活随笔
收集整理的這篇文章主要介紹了
037_jQuery Ajax序列化
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. param()方法
1.1. param()方法創建數組或對象的序列化表示。該序列化值可在進行AJAX請求時在URL查詢字符串中使用。
1.2. 語法
$.param(object, traditional)1.3. 參數
1.4. 框架在解析序列化數字的時候能力有限, 所以當傳遞一些含有對象或嵌套數組的數組作為參數時, 請務必小心!
2. serialize()方法
2.1. serialize()方法通過序列化表單值, 創建URL編碼文本字符串。您可以選擇一個或多個表單元素(比如: input或textarea), 或者form元素本身。序列化的值可在生成AJAX請求時用于URL查詢字符串中。
2.2. 語法
$(selector).serialize()2.3. .serialize()方法創建以標準URL編碼表示的文本字符串。它的操作對象是代表表單元素集合的jQuery對象。
2.4. 如果要表單元素的值包含到序列字符串中, 元素必須使用name屬性。禁用的元素不會被包括在內。提交按鈕的值也不會被序列化。文件選擇元素的數據也不會被序列化。
3. serializeArray()方法
3.1. serializeArray()方法通過序列化表單值來創建對象數組(名稱和值)。您可以選擇一個或多個表單元素(比如: input或textarea), 或者form元素本身。
3.2. 語法
$(selector).serializeArray()4. 例子
4.1. 代碼
<!DOCTYPE html> <html><head><title>jQuery-Ajax序列化</title><meta charset="utf-8" /><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(document).ready(function(){ var param1 = {width: 1900, height: 1200};var param2 = [{name: "first", value: "Rick"}, {name: "last", value: "Astley"}, {name: "job", value: "Rock Star"}];var param3 = {a: {one: 1, two: 2, three: 3}, b: [1, 2, 3]};$('#serialize').click(function(){var s = $("form").serialize();$("#serializeResult").append(s);});$('#serializeArray').click(function(){var sa = $("form").serializeArray();$.each(sa, function(index, obj){$("#serializeArrayResult").append(obj.name + '=' + obj.value);if(index < sa.length - 1){$("#serializeArrayResult").append('&');}});});$('#param').click(function(){$("#paramResult").append($.param(param1)).append($('<br />')).append($.param(param1, true)).append($('<br />')).append($('<br />')).append($.param(param2)).append($('<br />')).append($.param(param2, true)).append($('<br />')).append($('<br />')).append($.param(param3)).append($('<br />')).append($.param(param3, true));});});</script></head><body> <form><input type="text" name="un" value="zs" /> <br /><input type="password" name="pwd" value="123456" /> <br /><textarea name="info" rows="8" cols="40">我是一個有理想的人。</textarea> <br /><select name="ads"><option value="河南鄭州" selected="selected">河南鄭州</option><option value="河南洛陽">河南洛陽</option><option value="河南偃師">河南偃師</option></select><br /><input type="checkbox" name="hby" value="聽歌" />聽歌 <input type="checkbox" name="hby" value="讀書" />讀書<input type="checkbox" name="hby" value="游泳" />游泳 <input type="checkbox" name="hby" value="旅游" />旅游</form><button id='serialize'>serialize</button> <button id='serializeArray'>serializeArray</button> <button id='param'>param</button><div id='serializeResult' style="word-wrap: break-word; width: 1000px;">serializeResult: </div><div id='serializeArrayResult'>serializeArrayResult: </div><div id='paramResult'>paramResult:<br /></div></body> </html>4.2. 效果圖
總結
以上是生活随笔為你收集整理的037_jQuery Ajax序列化的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 036_jQuery Ajax全局回调函
- 下一篇： 027_jQuery DOM 元素方法