锋利的jQuery--Ajax(读书笔记四)
生活随笔
收集整理的這篇文章主要介紹了
锋利的jQuery--Ajax(读书笔记四)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.表單值得序列化
<1>serialize()
例子:
html:
<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br />
Last name: <input type="text" name="LastName" value="Gates" /><br />
</form><button>序列化表單值</button>
<div></div>
?
js: $(document).ready(function(){$("button").click(function(){$("div").text($("form").serialize());}); });?
結果: FirstName=Bill&LastName=Gates ? 序列化表單值得好處在于,當你用ajax請求的時候。 ? $.get("get1.php",{FirstName:$("#FirstName").val(), //這里的要傳遞的數據少,如果傳遞的數據多呢?LastName:$("#LastName").val() },function(data){} ) 這時候就用到序列化了。 $.get("get1.php",$("#form1").serialize(),function(data){} )?
serialize()將DOM元素內容序列化為字符串,用于ajax請求。 ? 注意: $.get()中data參數不僅可以使用映射的方式: { FirstName:$("#FirstName").val(), LastName:$("#LastName").val() } 也可以使用字符串的方式: "FirstName=" encodeURIComponent($("#FirstName").val()) "LastName=" encodeURIComponent($("#LastName").val()) //注意對字符編碼(中文問題)?
? <2>serializeArray() ? <3>$.param() 該方法是serialize()方法的核心。 ? ? ? ?總結
以上是生活随笔為你收集整理的锋利的jQuery--Ajax(读书笔记四)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: java编写螺旋矩阵讲解_Java如何实
- 下一篇: 面试之 Python 进阶