form-serialize插件

最新推荐文章于 2024-05-28 23:05:40 发布

可可格子衫

最新推荐文章于 2024-05-28 23:05:40 发布

阅读量2.2k

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_51745081/article/details/128740985

版权

序列化表单域以通过ajax提交表单

官网 https://www.npmjs.com/package/form-serialize

<script src="./lib/form-serialize.js"></script>

document.querySelector('form').addEventListener('submit', function (e) {
      //阻止表单默认提交行为

      e.preventDefault()

      // 提交的时候，serialize插件来获取表单数据

      let data = serialize(this, {

        // {} 配置对象 hash 配置，可以将 收集到的表单数据是个js对象格式

        hash: true

      })

      axios({

        method: 'post',

        url: 'http://www.xxxx/api/login',

        // 这个data不能省，否则没有提交数据给服务器

        data

        //相当于data:data; 同名可以省略...

      }).then(({ data: res }) => {

        console.log(res)

      })

    })