JQuery将form表单转换为json,并提交后台处理


拦截form表单提交

在表单submit事件中,使用 e.preventDefault();即可阻止表单的提交

JavaScript 全选
$(document).ready(function{
	 $("form.dynamicForm").submit(function (e) {
  
            e.preventDefault();
        });                  
})

获得表单数据

JavaScript 全选
$('#form').serialize() // 获得 'contact_name=&phone=&email_from=&partner_name=&name=&description='
//或者
$('#form').serializeArray() // 获得数组

JQuery将form表单转换为json,并提交后台处理

表单数据转换为json

JavaScript 全选
var obj = {}; //声明一个对象
var arr = $("#contactus_form").serializeArray()
arr.forEach(item=> {
    obj[item.name] = item.value; //通过变量,将属性值,属性一起放到对象中
})

转换后obj的值 

JQuery将form表单转换为json,并提交后台处理

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
管理员
上一篇:动态表单存储设计
下一篇:Bootstrap模态框Modal添加鼠标拖动支持
评论列表

发表评论

评论内容
昵称:
关联文章

JQueryform转换json提交后台处理
javascriptFormjson进行ajax提交Jqueryjson提交
.net core MVC 使用 jquery ajax请求 Post json
动态存储设计
element-ui改进el-form样式,取消form-item底部的边距:form-inner-error
Form标题换行优化:el-form-item Label换行界面显示 label-multiline 样式
html禁止浏览器对form自动填充
C# 根据DataTable 转换JSON 文本字符串数据
JSON.stringify 输出JSON字符串时对日期Date类型的处理
Jquery请求API,AJax,Post,Get提交,失败,错误的处理
git 合并多次提交
c# 数组或集合 转换成以逗号分隔的字符串
form的submit()方法不能触发onsubmit事件的解决方法,兼容各版本浏览器。
jQuery.cropper中文API详解
迁移 dotnet 6 提示必须目标平台设置 Windows 平台
C# 金额转换,金额数字转换人民币大写
NPOI 读取EXCEL(2003,2007)转换DataTable
C# 使用Newtonsoft对象转JSON字符串的时候日期类型的处理
EF并发处理,防止并发修改数据
主从表演练之采购2-个性化调整

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码