將數組值從視圖傳遞給控制器​​使用ajax

Question

我在我的視圖中有一個表單page.it包含5個文本框，一個搜索按鈕。用戶在文本框中輸入值（輸入所有字段不是必需的），然後單擊搜索按鈕，我必須將其存儲在數組中並將其傳遞給控制器​​，並且根據搜索結果，我必須顯示搜索結果。

我能夠將搜索到的值存儲在數組中，現在我想如何將此數組傳遞給控制器​​以及如何在控制器中訪問這些值。

Answer 1

使用ajax。如果jQuery是一個選項，你可以寫這樣的事情

$(form).submit(function() 
{ 
    var ; 
    $.ajax({ 
     type: "POST", 
     url: "/Controller/Action", 
     data: JSON.stringify(_yourArrayObject), 
     success: function(data){ 
      alert(data.Result); 
     }, 
     dataType: "json" 
    }); 
}) 

Answer 2

何塞稱，您的要求可能是這樣的：

$("#submit").click(function() { 
     var searchData = new Array(); 
     $(".search-input").each(function() { 
      searchData.push($(this).attr('value')); 
     }); 

     $.ajax({ 
      type: "POST", 
      url: "/Home/Index", 
      data: {"searchData" : searchData}, 
      success: function (data) { 
       // do something on success 
      }, 
      traditional: true, 
      dataType: "json" 
     }); 
     return false; 
    }); 

和你的控制器動作可能是：

[AcceptVerbs(HttpVerbs.Post)] 
    public ActionResult Index([Bind(Prefix="searchData")] List<string> searchData) 
    { 
     return Index(); 
    } 

和你的表格必須有這樣的標記：

<form id="myform"> 
     <input type="text" class='search-input' /> 
     <input type="text" class='search-input' /> 
     <input type="text" class='search-input' /> 
     <input type="text" class='search-input' /> 
     <input type="submit" id="submit" /> 
</form>