将列表从Jquery传递到视图


                    

我想将列表从jquery ajax传递到特定视图。 在视图用户中,选择类型。 如果他们选择第一种类型,则它将加载两个列表并传递给特定的视图数据。 如何在Ajax Jquery中做到这一点?</ p>

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

$(“#Type”)。change(function(){
   var type = $(“#Type”);
   如果(类型== 1){
     // *****以下内容是从控制器添加的。 我想通过ajax ******* /传递以下列表
     List type = new List ();
     type.Add(new SelectListItem {Text =“ one”,Value =“ 14”});
     type.Add(new SelectListItem {Text =“ two”,Value =“ 12”});
   }
});
</ code> </ pre>

操作方法</ p>
     </ div>

展开原文

原文

I want to pass list from jquery ajax to the particular view. In a view user select the type. If they select first type, then it will load two lists and pass to the particular view data. How to do this in 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" });
  }
});

how to do this

1个回答


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

如果是这样,则在具有表单元素的视图中进行AJAX调用:</ p>

  <br>
 $(document).ready(function(){<br>
     $(“#the-form-id”)。on(“ submit”,function(e){<br>
        e.preventDefault();<br>
        $ .ajax({<br>
           输入:“ POST”,<br>
           网址:“ /您的控制器名称/您的操作名称,<br>
           数据:$(“#the-form-id”)。serialize(),<br>
           成功:功能(数据){<br>
               //使用返回的View执行某些操作...<br>
           }<br>
        });<br>
     });<br>
 });<br>
 &lt;/ script&gt;<br>
 &lt;/ code&gt; &lt;/ pre&gt;</p>

<p><p>然后,您;将需要AJAX调用的控制器中的一个动作,该动作接受从表单传递的“数据”。 在ASP MVC中,这通常是一个对应的模型。  &lt;/ p&gt;</p>

<p><p>所说的操作将返回一个视图设置,但是您希望它是这样。 原始的AJAX呼叫将收到此消息,因此您可以根据需要使用它。&lt;/ p&gt;</p>

<p><p>希望有帮助。&lt;/ p&gt;<br>
     &lt;/ div&gt;</p>

展开原文

原文

I'm presuming that you want to submit the form to pass the value to the view?

If so, in the view with the form elements have the AJAX call:

<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>

Then, you;'ll need an action in the controller the AJAX is calling that accepts the "data" being passed from the form. In ASP MVC, this will normally be a corresponding Model.

Said action will return a View set up however you want it to be. The original AJAX call will receive this so you can utilize it however you want to.

Hope that helps.

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐