刷新ASP.NET MVC页面

Question

我在asp.net mvc上有一些应用程序。 我正在尝试创建表过滤器。 页面非常困难，所以我无法从JSON响应中获取数据。 我试图通过带有params的调用动作来获取它。

   function refresh() {
        var id = $("#list").val();
        var params = { id: id };
        $.get("/Home/Index", params, null, "json");

    }

<select id="list" onchange="refresh()">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>
<%foreach (var i in (IEnumerable<int>)ViewData["list"])
  { %>
  <%=i %><br />
<%} %>

   public ActionResult Index(int? id)
   {
        if (id == null)
            id = 0;

        ViewData["list"] = Enumerable.Range((int)id, 5).Select(i => i).ToList<int>();

        return View();
   }

但是我看不到新数据。 怎么了？ 如何刷新页面？

PS：我的意思是我想从动作A转到动作A（带有参数）。 我不想在客户端重建页面

Answer 1

使用get调用检索的结果对您没有任何作用。 另外，由于要返回视图，因此应将数据类型设置为html 。

 $.get('/Home/Index', params, function(html) {
      $('body').html(html);
  },'html');

我会注意，我可能只会替换更新的部分。 您可以通过使用部分视图仅保留该部分来完成此操作，然后在通过AJAX获得请求时，可以仅返回部分视图而不是完整视图。 我要做的另一件事是使视图强类型IEnumerable<int>并传递模型，而不是使用视图数据。

视图

<script type="text/javascript">
    $(function() {
        $('#list').change( function() {
            var id = $("#list").val();
            var params = { id: id };
            $.get("/Home/Index", params, function(html) {
                 $('#listResults').replaceWith(html)
            }, "html");
        });
    });
</script>

<select id="list">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>
<% Html.RenderPartial( "ListResults" ); %>

部分视图

<div id="listResults">
<%foreach (var i in Model)
  { %>
  <%=i %><br />
<%} %>
</div>

行动

public ActionResult Index(int? id)
{
    if (id == null)
        id = 0;

    var model = Enumerable.Range((int)id, 5).Select(i => i).ToList<int>();
    if (this.Request.IsAjaxRequest())
    {
        return PartialView(model);
    }
    return View(model);
}

Answer 2

我在上面的代码中看到一个问题：

您的请求完成后， $.get()不会执行任何操作（您的数据已从服务器中获取）

而不是传递null，您应该传递带有参数的函数，即数据。 例：

$.get("/Home/Index"
     , params, 
      function(data){
         //do something with data. 
         //data is json object returned
  }, "json");

在此功能中，您实际上可以将过滤器应用于表格