Asp.net MVC 选择索引已更改/Ajax.ActionLink

Question

我在 Asp.Net MVC 中有一个使用 Razor 语法的页面。在页面中，我有一个 DropDownList 和一个 DIV 部分，我想根据使用 Ajax.ActionLink 功能的组合框的选定值来替换 DIV 中的内容

有没有办法做到这一点？

谢谢马克

​

Answer 1

我宁愿使用表单而不是链接，因为它更适合您想要实现的目标：

@using (Ajax.BeginForm(
    "Change", 
    "Home", 
    new AjaxOptions { UpdateTargetId = "result" }
))
{
    @Html.FropDownListFor(x => x.Foo, Model.Foos, "-- Select a foo --")
    <input type="submit" value="Change" />
}

<div id="result"></div>

以及相应的控制器操作：

public ActionResult Change(string foo)
{
    string view = ... // select the partial based on the selected value
    return PartialView(view);
}

Answer 2

你可以使用jquery来调用你的ajax动作

  function OnDddlChanged() {
    $.ajax({
        url: "controller/action/"+$("#SelectTagID").val(),
        dataType: 'html',
        type: 'Get',
        success: function (r) {
            $('#DivID').html(r);
        },
        error: function () {
            alert('Error');
        }
    });
}

mvc ajax动作会喜欢这样

 public MvcHtmlString MyAction(string id)
{
  if(Request.IsAjaxRequest)
  {
    //return your html as MvcHtmlString
  }
}