分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

jquery.form.js 异步提交表单

发布时间:2023-09-06 01:47责任编辑:蔡小小关键词:js

Html

 <form id="insertForm" method="post" class="form-horizontal"> ???????????????????????<div class="form-group" id="customerName"> ???????????????????????????<label class="col-sm-2 control-label"><font style=‘color:red;‘>*</font>姓名</label> ???????????????????????????<div class="col-sm-10"><input id="name" type="text" class="form-control" name="Name"></div> ???????????????????????</div> ???????????????????????<div class="hr-line-dashed"></div> ???????????????????????<div class="form-group"> ???????????????????????????<label class="col-sm-2 control-label"><font style=‘color:red;‘>*</font>性别</label> ???????????????????????????<div class="col-sm-10"> ???????????????????????????????<select id="sex" class="input-md form-control input-s-sm inline" name="Sex"> ???????????????????????????????????<option value="true">女</option> ???????????????????????????????????<option value="false">男</option> ???????????????????????????????</select> ???????????????????????????</div> ???????????????????????</div> ??????????????????????????????????????????????<div class="hr-line-dashed"></div> ???????????????????????<div class="form-group"> ???????????????????????????<label class="col-sm-2 control-label">年龄</label> ???????????????????????????<div class="col-sm-10"><input id="age" type="text" class="form-control" name="Age"></div> ???????????????????????</div> ???????????????????????<div class="hr-line-dashed"></div> ???????????????????????<div class="form-group"> ???????????????????????????<label class="col-sm-2 control-label">电话</label> ???????????????????????????<div class="col-sm-10"><input id="tel" type="text" class="form-control" name="Tel"></div> ???????????????????????</div> ???????????????????</form>

JS

 var token = $("input[name = ‘__RequestVerificationToken‘]").val();  //防护CSRF
 $("#insertForm").ajaxSubmit({ ???????????????url: "/Home/InsertInfo", ???????????????type: ‘post‘, ???????????????dataType: ‘json‘, ???????????????data: { ???????????????????"__RequestVerificationToken": token   ???????????????}, ???????????????beforeSubmit: function () { ???????????????????alert("beforeSubmit") ???????????????}, ???????????????success: function (result) { ???????????????????alert("success") ???????????????} ???????????});

Entity

public class User ???{ ???????public int ID { get; set; } ???????public string Name { get; set; } ???????public bool Sex { get; set; } ???????public decimal Age { get; set; } ???????public string Tel { get; set; } ???????public DateTime? ModifyTime { get; set; } ???}

Controll

 [ValidateAntiForgeryToken] ???????public void InsertInfo(User user) ???????{ ???????????using (IDbConnection conn = DapperService.MySqlConnection()) ???????????{ ???????????} ???????}

截图

jquery.form.js 异步提交表单

原文地址:https://www.cnblogs.com/xinyibufang/p/8665210.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved