如何在 Ajax 请求后重新加载我的下拉菜单

本文关键字:加载 下拉菜单 我的 新加载 Ajax 请求 | 更新日期: 2023-09-27 18:36:41

我正在用 C# 开发一个 ASP.net MVC 2.0 应用程序。

我正在使用 Ajax.beginForm() 来发出回发/Ajax 请求。

在我的页面上,我有一个下拉菜单和提交按钮。下拉列表包含状态为 0 的用户列表。

当选择并点击特定用户提交时,他的状态将更新为 1。

因此,在成功的 Ajax 请求之后,我正在调用一个回调函数来发出用户状态已成功更新的警报。

但是,问题是即使用户状态更新为 1,它仍然存在于下拉列表中。因为它是部分更新。

现在,我的问题是如何重新绑定下拉列表?请帮忙。

如何在 Ajax 请求后重新加载我的下拉菜单

您可以通过

发出新的 ajax 请求来重新加载下拉列表,以便在成功发布后接收状态为 0 的当前用户。

或者使用 jQuery 从下拉列表中动态删除所选用户。

或者你可以把你的Ajax表单放在一个部分视图中,并在Ajax发布后重新渲染它,并完全更新你的Ajax表单:

[HttpPost]
Public ActionResult Post(...)
{
//do somethings
return Partial("_YourAjaxFormPartialView");
}

在 Ajax.BeginForm() 中,使用 AjaxOptions 指定要更新的区域:

<div id="formContainer">
@using (Ajax.BeginForm("PostAction", "Home", 
    new AjaxOptions() {
        UpdateTargetId = "formContainer",
        OnSuccess = "alert('success')"
    })) 
</div>