Ajax 提交表单方式

来源：互联网发布：js 数组重新排序编辑：程序博客网时间：2024/05/17 02:05

由于日期的问题，需要把表单处理一下在提交。

方式一

可以用使用jQuery ajax - serialize() 方法

定义和用法
serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。
您可以选择一个或多个表单元素（比如 input 及/或文本框），或者 form 元素本身。
序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。

语法
$(selector).serialize()；

<div>            <form id="xyd">                <input name="text" type="text" placeholder="请输入文字"/>                <button id="btn" type="submit">提交</button>            </form>        </div>        <script>            $("#xyd").submit(function(){                var a11 = $("#xyd").serialize();                alert(a11);            })        </script>

input 要添加name不然没有参数名称，也就没有值，弹出为空；

方式二

把你需要提交的数据封装为一个JSON,提交时直接传入变量名，
这中方法好处的好是，可以对传入的数据格式修改。

var myData = { name: '咸鸭蛋', age: 12};$.ajax({    type: 'post',    url: '提交的地址',    data: myData,    success: function(data){        console.log(data);    },    error: function(){        alert("错误");    }})

阅读全文

0 0