为什么视图没有刷新？ （.Net MVC）

Question

我正在学习.Net MVC。我有一个页面，我显示产品线。我想通过下拉列表由供应商过滤产品线。

我的控制器：

public class ProductlineController : Controller
{
    SupplierRepository sr = new SupplierRepository();
    ProductlineRepository pr = new ProductlineRepository();

    public ActionResult Default()
    {
        SupplierModel sm = new SupplierModel();

        List<Supplier> suppliers = sr.GetAll();

        sm.Suppliers = (from s in suppliers select new SelectListItem {
        Text = s.Name,
        Value = s.Id.ToString()
        }).ToList();

        sm.Productlines = pr.GetAll();

        return View("List", sm);
    }

    [HttpPost]
    public ActionResult SupplierDropUsed(int id)
    {
        SupplierModel sm = new SupplierModel();

        List<Supplier> suppliers = sr.GetAll();

        sm.Suppliers = (from s in suppliers
                        select new SelectListItem
                        {
                            Text = s.Name,
                            Value = s.Id.ToString()
                        }).ToList();

        Supplier supplier = sr.GetById(id);
        sm.Productlines = supplier.Productlines.ToList();

        return View("List", sm);
    }
}

默认操作显示所有产品系列。更改下拉列表时会调用SupplierDropUsed。

观点：

@model RyfMvcTestApplication1.Models.SupplierModel

@ {     Layout = null; }

    名单     

<script type="text/javascript">

    function supplierDropChanged() {

        $.post("Productline/SupplierDropUsed", { id: $('#SupplierDrop').val() });
    }

</script>

<div><strong>Filter by supplier</strong></div>
<br />

<div>

@Html.DropDownList("SupplierDrop", Model.Suppliers, "Select supplier", new { onChange = "supplierDropChanged()" })

</div>
<br />
<br />

<table>
    <tr>
        <th style="width:50px; text-align:left">Id</th>
        <th style="text-align:left">Name</th>
        <th style="text-align:left">Supplier</th>
    </tr>

@foreach (var item in Model.Productlines) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Id)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Supplier.Name)
        </td>            
    </tr>
}

</table>

当我选择供应商时，执行javascript和控制器操作（我在调试模式下检查）。我也得到了正确的供应商ID。但这种观点永远不会更新。我仍然看到包含所有产品系列的列表。

Answer 1

您正在通过提交请求的jquery post方法发布帖子，这就是调用您的调试操作的原因，但是从post调用返回的结果永远不会用于更新您的UI。