700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > form表单ajax提交json数据

form表单ajax提交json数据

时间:2022-06-08 12:56:35

相关推荐

form表单ajax提交json数据

前端页面:

<form id="userInfo" ><div class="weui-cell"><div class="weui-cell__hd"><label class="weui-label">姓名</label></div><div class="weui-cell__bd"><input class="weui-input" id="username" name="username" type="text" pattern="[0-9]*" placeholder="请输入姓名"></div></div><div class="weui-cell "><div class="weui-cell__hd"><label class="weui-label">年龄</label></div><div class="weui-cell__bd"><input class="weui-input" id="age" name="age" type="number" placeholder="请输入年龄"></div></div><div class="weui-cell "><div class="weui-cell__hd"><label class="weui-label">地址</label></div><div class="weui-cell__bd"><input class="weui-input" id="address" name="address" type="text" placeholder="请输入地址"></div></div><div class="weui-btn-area"><a class="weui-btn weui-btn_primary" href="javascript:" id="saveUserInfo">确定</a></div></form>

ajax请求发送数据

$("#saveUserInfo").click(function() {var formObject = {};var formArray =$("#userInfo").serializeArray();$.each(formArray,function(i,item){formObject[item.name] = item.value;});$.ajax({url:"user/addUser",type:"post",contentType: "application/json; charset=utf-8",data: JSON.stringify(formObject),dataType: "json",success:function(data){alert(data.msg);},error:function(e){alert("错误!!");}});});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。