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("错误！！");}});});

form表单ajax提交json数据相关推荐

js实现Form表单submit提交截获数据（各浏览器通用）
js实现Form表单submit提交截获数据(各浏览器通用) js实现Form表单submit提交截获数据(各浏览器通用) No Comments | js , 安全 , PHP | by calms ...
$.ajaxSubmit form表单ajax提交
Form表单ajax提交 <style>#agreementSub{margin-top: 20px;display: block;width: 100px;height: 40px;te ...
.form文件_含文件上传的form表单AJAX提交小结
最近在学习PHP时,遇到不知道如何含文件上传的form表单AJAX提交,现在把这些记录下来以备自己后续复习时用: HTML代码 *姓名: *性别: {eq name='list.sex' value= ...
layui form表单ajax提交
<form class="layui-form" method="post" action=""><div class=& ...
TP5搭配layui2.x的form表单ajax提交
一般情况下,form表单提交是很难搭配ajax提交,同时ajax提示返回信息的,一般的用法是前端是用的form表单提交后端代码返回提示直接的$this->success或者$this-& ...
form表单AJAX提交
参考文章: http://blog.csdn.net/qq_28877125/article/details/75907422 http://blog.csdn.net/it_cookie_sam/a ...
form表单AJAX提交（四种方法）
一.AJAX的 form表单提交 1.第一种: 序列化提交 $('#form').serialize() 前台: $.ajax({url: "",type: "post& ...
form表单ajax提交 ac,請求Ajax 帶返回值的通用方法，自動獲取頁面控件值（form表單post方法提交），自動給控件賦值...
//自動獲取頁面控件值 function GetWebControls(element) { var reVal = ""; $(element).find('input,sele ...
form表单序列化成json数据将空值用空字符串代替（form表单中checkBox数据会用逗号隔开拼接成字符串）...
2019独角兽企业重金招聘Python工程师标准>>> $.fn.notEmptyserializeJson = function () {var o = {};var a = th ...

form表单ajax提交json数据

form表单ajax提交json数据相关推荐

最新文章

热门文章