$.post()的数据提交

在 ASP.NET MVC 中，页面间和 Controller 与View之间的数据提交。提交的方式有两种，分别是同步提交和异步提交。所谓的同步提交就是提交完一条数据，再提交下一条的数据上传给服务端，而异步提交则是把所有的数据全部提交到后台，没有先后顺序，只有不同的数据传递快慢。在性能方面上说，同样的数据，异步传递的数据肯定比同步传递的数据快。所以在不考虑传递数据的先后顺序的话，推荐使用异步请求传递数据。（这是本人观点）
一、使用 $.post()提交数据。$ .post()是通过JQuery包装的，使用这个方法方便快捷，不需要过多的繁琐代码量。便于开发人员使用和开发。只不过只能传递简单的数据，过于复杂数据还请使用$.ajax。
$.post()的概述：通过远程 HTTP POST 请求载入信息。这是一个简单的 POST 请求功能以取代复杂$ .ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。
$.post()的参数：url,[data],[callback],[type] url:发送请求地址。 data:待发送 Key/value 参数。 callback:发送成功时回调函数。 type:返回内容格式，xml, html, script, json, text, _default。二、用新增数据为例，来说明$ .post()的数据传递大致的过程：
（1）获取表单输入的数据
这是HTML的代码
$.post()的数据提交

这是获取表单数据的JQuery的代码
//确定按钮点击事件–保存三字码信息（机场信息）
function saveAirportInfor() {
//获取参数
var airportCode = $(’#frmAirport [name=“airportCode”]’).val();//三字码
var airportName = $(’#frmAirport [name=“airportName”]’).val();//机场名称
var cityName = $(’#frmAirport [name=“cityName”]’).val();//城市名称
var pinyinName = $(’#frmAirport [name=“pinyinName”]’).val();//城市拼音名称
（2）把获取到的数据进行数据验证
//验证数据
if (airportCode != undefined && airportCode != “” &&
airportName != undefined && airportName != “” &&
cityName != undefined && cityName != “” &&
pinyinName != undefined && pinyinName != “”) {
//检查三字码的位数
if (airportCode.length == 3) {
//发送请求到控制器
var layerIndex = layer.load();//打开加载层
（3）发送请求到控制器，把获取到参数传给控制器
//发送请求 $.post("@Url.Content("~/SystemMaintenance/TCCMaintain/InserAirport")",
{
airportCode: airportCode,//三字码
airportName: airportName,//机场名称
cityName: cityName,//城市名称
pinyinName: pinyinName,//拼音名称
},
function (msg) {
（4）控制器接收到数据，进行数据验证，通过数据验证后把新增数据保存数据库中。
（5）控制器把数据返回给页面。
layer.close(layerIndex);//关闭加载层
if (msg.State) {
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲mo*rport").….post()数据提交时，一般传输的是文本值，若要上传图片、视频等这些文件。还请使用$.ajax。

$.post()的数据提交

$.post()的数据提交

相关推荐