经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JSJS库框架 » jQuery » 查看文章
Jquery如何序列化form表单数据为JSON对象
来源:cnblogs  作者:haishu  时间:2018/9/25 20:07:17  对本文有异议

   jquery提供的serialize方法能够实现。

  1. $("#searchForm").serialize();
    但是,观察输出的信息,发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。
    serialize确实是能够解决一般的提交数据。但是有时我们需要的是一个object对象,而不是字符串(比如jqgrid reload时设置查询条件参数,就需要object对象)。
    方法如下:
  1. (function(window, $) {
  2. $.fn.serializeJson = function() {
  3. var serializeObj = {};
  4. var array = this.serializeArray();
  5. var str = this.serialize();
  6. $(array).each(
  7. function() {
  8. if (serializeObj[this.name]) {
  9. if ($.isArray(serializeObj[this.name])) {
  10. serializeObj[this.name].push(this.value);
  11. } else {
  12. serializeObj[this.name] = [
  13. serializeObj[this.name], this.value ];
  14. }
  15. } else {
  16. serializeObj[this.name] = this.value;
  17. }
  18. });
  19. return serializeObj;
  20. };
  21. })(window, jQuery);

    调用:
  1. console.info($("#searchForm").serializeJson());
 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号