ASP.NET 如何使用Ajax提交表单

一、需要先引用jQuery的库
如下：

document.write("<script language=javascript src='/js/jquery-1.8.3.min.js'></script>");

通过document.write来引用jquery-1.8.3.min.js这个库，前提是需要提前下载好此库，并且放到相应的目录里面。

二、编辑表单内容
定义好目标接收的地址（就是表单提交给谁，谁来接收并且进行处理。）

//表单的上传
var targetUrl = "../WebHandler/PlayHandler.ashx";

提交到这个PlayHandler.ashx一般处理程序里面。
接下来就是编辑表单

//建立表单对象
var data = new FormData();
//通过append方法对表单对象进行数据添加
data.append("OperId", "7");

上传代码：

$.ajax({
        type: 'POST',       //表单类型post或者get
        url: targetUrl,     //目标接收地址
        async: false,       //是否使用异步
        cache: false,       //上传文件不需缓存
        processData: false, //需设置为false。因为data值是FormData对象，不需要对数据做处理
        contentType: false, //需设置为false。因为是FormData对象，且已经声明了属性enctype="multipart/form-data"
        data: data,         //表单数据
        dataType: 'json',  //以json数据进行传递
        success: function (responseData) {
            if (responseData.success == true) {
                //返回成功数据
            }
        },
        error: function () {
        //错误处理
        }
    });

以上就是代码拆分。

完整代码：

//刷新列表
function ListReset() {
    //表单的上传
    var targetUrl = "../WebHandler/PlayHandler.ashx";
    var data = new FormData();
    data.append("OperId", "7");
    $.ajax({
        type: 'POST',
        url: targetUrl,
        async: false,
        cache: false,       //上传文件不需缓存
        processData: false, //需设置为false。因为data值是FormData对象，不需要对数据做处理
        contentType: false, //需设置为false。因为是FormData对象，且已经声明了属性enctype="multipart/form-data"
        data: data,
        dataType: 'json',
        success: function (responseData) {
            if (responseData.success == true) {
                //返回成功数据

            }
        },
        error: function () {
        }
    });
}

通过onclick调用方法。

<input type="button" id="btnReset" class="btn_Reset_style" onclick="ListReset();"/>

最后希望对大家有帮助。