从Jquery传递List来查看

时间:2015-02-16 07:40:16

标签: javascript jquery ajax asp.net-mvc

我想将jquery ajax中的列表传递给特定视图。在视图中,用户选择类型。如果他们选择第一个类型,那么它将加载两个列表并传递给特定的视图数据。如何在Ajax Jquery中执行此操作?

<%:Html.RadioButtonFor(model=> model.Type, 1)%>  Type 1
<%:Html.RadioButtonFor(model=> model.Type, 2)%>  Type 2

$("#Type").change(function () {
  var type = $("#Type");
  if (type == 1) {
    //*****The following things are added from controller. i want to pass the following lists from ajax*******/
    List<SelectListItem> type= new List<SelectListItem>();
    type.Add(new SelectListItem { Text = "one", Value = "14" });
    type.Add(new SelectListItem { Text = "two", Value = "12" });
  }
});

如何做到这一点

1 个答案:

答案 0 :(得分:0)

我假设您要提交表单以将值传递给视图?

如果是这样,在表单元素的视图中有AJAX调用:

<script>
$(document).ready(function() {
    $("#the-form-id").on("submit", function(e) {
       e.preventDefault();
       $.ajax({
          type: "POST",
          url: "/your-controller-name/your-action-name,
          data: $("#the-form-id").serialize(),
          success: function(data) {
              //do something with the View that is returned...
          }
       });
    });
});
</script>

然后,你;在AJAX调用的控制器中需要一个接受&#34;数据&#34;从表格传递。在ASP MVC中,这通常是相应的模型。

所述操作将返回一个View设置,但是你想要它。最初的AJAX调用会收到这个,所以你可以随意使用它。

希望有所帮助。