当使用from提交数据时,form的提交默认是会刷新页面的,需要使用默认值事件进行阻止

    1. e.preventDefault();

    jq中有方法将将用作提交的表单元素的的值编译成拥有name 与 value 对象组成的数组

    1. <form action="">
    2. <input type="text" name="id" value="123">
    3. <input type="text" name="name" value="张三">
    4. <input type="text" name="age" value="12">
    5. </form>
    6. <script src="./jquery-3.5.1.js"></script>
    7. <script>
    8. let dataArr = $('form').serializeArray() // 将其转化为数组
    9. // 格式化数据
    10. function formatFromData(dataArr) {
    11. if(!dataArr) return;
    12. let data = {}
    13. dataArr.forEach(ele => {
    14. data[ele.name] = ele.value;
    15. })
    16. return data;
    17. }
    18. let data = formatFromData(dataArr)
    19. </script>