锋利的jQuery--Ajax(读书笔记四)
2015-11-06 20:44
771 查看
1.表单值得序列化
<1>serialize()
例子:
html:
js:
结果:
FirstName=Bill&LastName=Gates
序列化表单值得好处在于,当你用ajax请求的时候。
这时候就用到序列化了。
serialize()将DOM元素内容序列化为字符串,用于ajax请求。
注意:
$.get()中data参数不仅可以使用映射的方式:
也可以使用字符串的方式:
<2>serializeArray()
<3>$.param()
该方法是serialize()方法的核心。
<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常用的功能
- jQuery-1.9.1源码分析系列(三) Sizzle选择器引擎——编译原理
- jquery写拉动条
- JQuery判断数组中是否包含某个元素$.inArray("js", arr);
- jquery模拟checkbox效果,以及background-size在jquery中的使用。
- jquery ajax form serialize() 转json 数据,post 后台
- jQuery选择器大全
- 关于jquery--index()方法的简单理解
- JQuery开发工具和插件
- 【JQuery】sortable.js Uncaught TypeError $(...).sortable is not a function
- Jquery的on,off事件详解,如何利用命名空间来解绑特定的事件
- jQuery attr removeAttr 属性操作
- jquery判断滚动条到达底部的方法
- jquery下的ajax跨域问题
- jquery事件对Html网页动态生成的元素失效
- jquery checkbox 限制多选的个数
- jquery中clientY,pageY和screenY的区别
- JS.jQuery获取浏览器参数
- jquery播放图片
- jquery进度条