视图层代码如下：
注意：为了显示代码，删了部分标签 ，重要的form标签也看不到 （from标签的id为myform）
<meta name="viewport" content="width=device-width" />
<title>form表单的提交方法</title>
<link href="~/Content/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" />
<script src="~/Content/bootstrap-3.3.7-dist/js/jquery-3.2.1.min.js"></script>
<style>
.container {
padding-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<form class="form-horizontal" id="myform">
<div class="form-group">
<label class="control-label col-md-3">姓名：</label>
<div class="col-md-4">
<input class="form-control" type="text" value="" name="txtName" id="txtName" />
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">年龄：</label>
<div class="col-md-4">
<input class="form-control" name="Age" id="Age"></input >
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">专业：</label>
<div class="col-md-4">
<input class="form-control" name="Specialty" id="Specialty"></input >
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">学历：</label>
<div class="col-md-4">
<input class="form-control" name="Education" id="Education"></input >
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">地址：</label>
<div class="col-md-4">
<textarea class="form-control" name="txtAddress" id="txtAddress"></textarea>
</div>
</div>
<div class="form-group">
<button class="btn btn-primary col-md-offset-4" id="btnSubmit">表单提交</button> 第一种
</div>
</form>
</div>
<script>
第一种：序列化传递参数 （相对比较多的参数适合用，但不利于在试图层判断数据是否为空.其实也可以在控制器那边判断）
注：因为form标签默认是用post提交的
$("#btnSubmit").click(function () {
var formDate = $("#myform").serializeArray();
$.post("/ByCheManagement/QiCheDingHuo/InsertVehicle", formDate, function (data) {
if (data == "success") {
alert("添加成功！"）
} else {
alert("添加失败！");
}
})
第二种：键值对传递参数（相对比较少的参数适合用）
$("#btnSubmit").click(function () {
var txtName= $('#myform input[name="txtName"]').val();
var Age= $('#myform input[name="Age"]').val();
var Specialty= $('#myform input[name="Specialty"]').val();
var Education= $('#myform input[name="Education"]').val();
var txtAddress= $('#myform input[name="txtAddress"]').val();
if（txtName!= "" && Age!= "" && Specialty!= "" && Education!= "" && txtAddress!= ""）{
$.post("/ByCheManagement/QiCheDingHuo/InsertVehicle",{
txtName:txtName,
Age:Age,
Specialty:Specialty,
Education:Education,
txtAddress:txtAddress
} function (data) {
if (data == "success") {
alert("添加成功！"）
} else {
alert("添加失败！");
}
}else{
alert("请填写完整数据，再新增！");
}
})
第三种：在路径的后面拼接参数（相对比较少的参数适合用）
$("#btnSubmit").click(function () {
var txtName= $('#myform input[name="txtName"]').val();
var Age= $('#myform input[name="Age"]').val();
var Specialty= $('#myform input[name="Specialty"]').val();
var Education= $('#myform input[name="Education"]').val();
var txtAddress= $('#myform input[name="txtAddress"]').val();
if（txtName!= "" && Age!= "" && Specialty!= "" && Education!= "" && txtAddress!= ""）{
$.post("/ByCheManagement/QiCheDingHuo/InsertVehicle?txtName=" + txtName + "&Age="+Age+ "&Specialty="+Specialty+ "&Specialty="+Specialty+ "&txtAddress="+txtAddress,function (data) {
if (data == "success") {
alert("添加成功！"）
} else {
alert("添加失败！");
}
}else{
alert("请填写完整数据，再新增！");
}
})
