Ajax 提交表单方式

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

方式一

可以用使用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("错误");
    }
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值