正文

ajax使用formdata上传文件流(ajax使用jsonp请求怎么中断)一篇读懂

文章摘要

这篇文章描述了一段JavaScript代码,用于处理表单提交后的注册流程。当用户点击提交按钮时,代码首先验证表单数据(upRegister函数)。如果验证通过,代码获取第二个表单的元素,并将表单数据添加到FormData对象中。同时,将shopName和name字段的值从cookie中获取并添加到FormData对象中。随后,代码通过AXEGO的axios库发送POST请求,并处理成功或失败的响应。文章重点在于描述注册流程和数据处理的实现细节。

 $(“#btn-register-confirm”).click(function () { //upRegister()是表单验证,这就没有给出了 if (upRegister()){ var form=$(“#registerForm2”)[0];//第二个表单的id,注意[0]不能漏掉 var fd=new FormData(form); //由于后台接收的数据只能是序列化之后的样子,所以将第一个表单的字段存放在cookie中。通过fd.append()以键值对形式存放 fd.append(“shopName”,$.cookie(“shopName”)); fd.append(“name”,$.cookie(“name”)); $.ajax({ type:’post’, async: false, url:”url”, data:fd, processData:false,//因为data值是FormData对象,不需要对数据做处理。 contentType:false,//因为是由<form>表单构造的FormData对象,所以这里设置为false。 success:function(data){ if (data.resultCode==”0″){ webToast(“成功注册!”); console.log(“成功注册”); } }, error:function(){ console.log(“注册失败”); } }) } });