关于jQuery使用serializeArray()序列化表单数据,使用FormData()实现AJAX请求的问题

jQuery使用serializeArray()序列化表单数据得到的是一个json对象的数组,而不是真正的json,所以如果对于获取到的结果直接发送给服务器端,服务器端是不能直接通过$_POST[ "]获取到的(服务器端使用PHP语言)。因此需要对serializeArray()获取的数据进行处理,处理方式如下:

var formData= new FormData();
$.each($(".register").serializeArray(),function (i,field) {
       formData.append(field.name,field.value);
}) 

主要是使用each()进行遍历重新append()到formData之中便成为json对象,然后便可以进行AJAX数据传递。

$.ajax({
                type:"POST",
                url:"insert.php",
                data:formData,
                contentType:false,
                processData:false
            }).then(function () {
               //成功处理函数
                $("#box").html("恭喜你注册成功!(我是通过ajax()访问服务器的)");
            },function () {
                //失败处理函数
                $("#box").html("注册失败!请稍后重试!(我是通过ajax()访问服务器的)");
            });


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值