ASP.NET MVC中AJAX POST数据绑定与隐藏字段处理教程

// 获取当前请求的URL路径，例如从某个元素的value属性获取
var path = $(this).prop("value"); 

// 获取CSRF令牌，用于安全验证
var token = $('[name=__RequestVerificationToken]').val();
var headers = {};
headers["__RequestVerificationToken"] = token; // 将令牌添加到请求头

// 获取隐藏字段的值
var hiddenFieldValue = $("#ids").val();

// 创建FormData对象
var formData = new FormData();
// 关键：将隐藏字段的值以“ids”为键名添加到FormData中，
// 这里的“ids”必须与控制器方法的参数名匹配
formData.append('ids', hiddenFieldValue); 

$.ajax({
    url: path,
    type: "POST",
    cache: false,
    headers: headers,
    data: formData,
    async: false, // 注意：同步请求可能阻塞UI，现代Web开发中通常推荐使用异步（true）
    processData: false, // 使用FormData时必须设置为false，阻止jQuery处理数据
    contentType: false, // 使用FormData时必须设置为false，阻止jQuery设置Content-Type
    success: function (result) {
        // 请求成功处理逻辑
        document.write(result);
        document.close();
        console.log("YES");
    },
    error: function (xhr, status, error) {
        // 请求失败处理逻辑
        alert("Error: " + xhr.status + " " + error);
        console.error("AJAX Error:", xhr.responseText);
    }
});

using System.Web.Mvc;
// ... 其他命名空间

public class MyController : Controller
{
    [AjaxOnly] // 假设有一个自定义过滤器限制只有AJAX请求才能访问
    [HttpPost] // 明确指定为HTTP POST请求
    [ValidateAntiForgeryToken] // 验证CSRF令牌
    [OutputCache(NoStore = true, Location = OutputCacheLocation.None)] // 禁用缓存
    public ActionResult MyMethod(string ids) // 参数名“ids”与前端FormData中的键名“ids”精确匹配
    {
        // 此时，ids参数将正确接收到前端发送的隐藏字段值
        if (ids != null)
        {
            string[] IdsFunktions = ids.Split(new string[] { ";" }, StringSplitOptions.RemoveEmptyEntries);
            // ... 对IdsFunktions进行处理
        }
        return RedirectToAction("MyForm"); // 处理完成后重定向
    }
}

// 获取当前请求的URL路径
var path = $(this).prop("value"); 

// 获取CSRF令牌并添加到请求头
var token = $('[name=__RequestVerificationToken]').val();
var headers = {};
headers["__RequestVerificationToken"] = token;

// 序列化整个表单的数据
// 假设你的表单ID为"MyForm"
var serializedFormData = $("#MyForm").serialize(); 

$.ajax({
    url: path,
    type: "POST",
    cache: false,
    headers: headers,
    data: serializedFormData,
    async: false, 
    // 当使用serialize()时，jQuery默认会设置Content-Type为
    // 'application/x-www-form-urlencoded; charset=UTF-8'，
    // 并且processData默认为true，因此通常无需显式设置。
    // 如果需要明确指定，可以这样：
    // contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
    // processData: true,
    success: function (result) {
        // ...
    },
    error: function (xhr, status, error) {
        // ...
    }
});

using System.Web.Mvc;
// ... 其他命名空间

public class MyController : Controller
{
    [AjaxOnly]
    [HttpPost]
    [ValidateAntiForgeryToken]
    [OutputCache(NoStore = true, Location = OutputCacheLocation.None)]
    // 控制器参数名必须与表单中对应元素的name属性匹配
    public ActionResult MyMethod(string ids, string fieldNameOne, string fieldNameTwo /* ... 其他表单字段 */)
    {
        // 此时，ids参数将接收到隐藏字段的值，fieldNameOne等参数将接收到其他表单字段的值
        if (ids != null)
        {
            string[] IdsFunktions = ids.Split(new string[] { ";" }, StringSplitOptions.RemoveEmptyEntries);
            // ...
        }
        return RedirectToAction("MyForm");
    }
}

@using (Html.BeginForm("MyMethod", "MyController", FormMethod.Post, new { id = "MyForm" }))
{
    @Html.AntiForgeryToken()
    <div class="modal fade">
        <!-- 其他表单内容 -->
        <input type="text" name="fieldNameOne" value="value1" />
        <input type="hidden" id="ids" name="ids" value="1;2;3" /> <!-- 隐藏字段 -->
    </div>
    <button type="submit">提交</button>
}