将表单中用户输入内容转换为对象类型函数封装

  <body>
    <form action="" id="form">
      <p><input type="text" name="username" /></p>
      <p><input type="text" name="password" /></p>
      <p><input type="submit" value="提交" /></p>
    </form>
    <script src="/js/jquery.min.js"></script>
    <script>
      var form;
      $("#form").on("submit", function() {
        serializeObject($(this));
        return false;
      });

      //   将表单中用户输入的内容转换为对象类型
      function serializeObject(obj) {
        var params = obj.serializeArray();
        var result = {};
        // 将数组转换为对象
        params.forEach(item => {
          result[item.name] = item.value;
        });
        return result;
      }
    </script>
  </body>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容