jquery form表单序列号
2016-05-26 16:16
936 查看
1.serialize()方法
格式:var data = $("form").serialize();
功能:将表单内容序列化成一个字符串。
这样在ajax提交表单数据时,就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。
2.serializeArray()方法
格式:var jsonData = $("form").serializeArray();
功能:将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。
比如,[{"name":"lihui", "age":"20"},{...}] 获取数据为 jsonData[0].name
例子
html:
处理页面
格式:var data = $("form").serialize();
功能:将表单内容序列化成一个字符串。
这样在ajax提交表单数据时,就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。
2.serializeArray()方法
格式:var jsonData = $("form").serializeArray();
功能:将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。
比如,[{"name":"lihui", "age":"20"},{...}] 获取数据为 jsonData[0].name
例子
html:
<form action="" id="form1"> 用户名:<input name="name" type="text" /><br /> 密 码:<input name="pass" type="text" /><br /> </form> <input type="button" id="sub" value="提交" /> <br /> <p id="result"></p> <script> $(function () { $("#sub").click(function () { var rerial = $("#form1").serialize(); $.post("../Test2/tt", rerial, function (data, status) { if (status == "success") { $("#result").html(data); } }); }); }); </script>
处理页面
var_dump($_POST);
相关文章推荐
- jquery-$()参数详解
- 【转载】jQuery手机移动端触屏日历日期选择
- jquery.form.js框架实现文件上传功能案例解析(springmvc)
- jquery全选框的实现
- jQuery过滤特殊字符及JS字符串转为数字
- jquery+ajax实现多个下拉选之间的关联
- jquery checkbox 操作
- 常用jQuery选择器详解
- jquery.qrcode 生成二维码带logo
- Jquery实现多级联动
- jquery的一个插件scrollable.js做的注册三步骤,只有完成第一个才能进入下一步
- jQuery学习笔记--选择器、过滤器片
- jquery中attr和prop的区别
- jQuery EasyUI filebox的文件路径错误
- jquery ajax请求方式与提示用户正在处理请稍等,等待数据返回时loading的显示
- JQuery开发3-jQuery中图片动画效果
- JQuery快速学三之一(事件)
- JQuery快速学二(DOM操作)
- JQuery快速学三之一(事件)
- Javascript、Jquery获取浏览器和屏幕各种高度宽度