jQuery表单序列化实例代码实例分享
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQuery表单序列化实例代码实例分享,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2441字,纯文字阅读大概需要4分钟。
内容图文
![jQuery表单序列化实例代码实例分享](/upload/InfoBanner/zyjiaocheng/297/fb51497ae45e460083fdc9f0f31eb01a.jpg)
废话不多说了,直接给大家贴代码了,具体代码如下所述:
以上是一段常规的ajax请求代码,其中分别列举了data参数的两种传递格式。
为了简便ajax请求时的data参数获取,jquery定义了几个快速的方法。
1.serialize()
用法:var data = $("form").serialize();
返回值:将表单内容序列化成一个字符串。
这样在ajax提交表单数据时,就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。
其核心方法是$.param(),用来对一个数组或对象按照key/value进行序列化,
var obj = {first:"one",last:"two"};
var str = $.param(obj);
console.log(str); // first=one&last=two
另外,使用serialize有个好处是自带中文编译处理。所以,推荐使用serialize。
2.serializeArray()
用法:var jsonData = $("form").serializeArray();
返回值:将页面表单序列化成一个JSON结构(键值对)的对象。
比如,[{"name":"lihui", "age":"20"},{...}] 获取数据为 jsonData[index].name
综上:在使用ajax提交表单数据时,data参数设置为$(form).serialize()或$(form).serializeArray()都可以。另外有些细节建议参考w3c。
最后补充一个完整实例。
html:
JavaScript:
php 提醒:需要配置php环境并开启服务器
相关推荐:
关于jquery form表单序列化的注意事项说明
jQuery 表单序列化实例代码
jQuery将表单序列化成一个Object对象的实例
以上就是jQuery 表单序列化实例代码实例分享的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的jQuery表单序列化实例代码实例分享全部内容,希望文章能够帮你解决jQuery表单序列化实例代码实例分享所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。