如何從視圖發送多個參數到API控制器在mvc4

Question

我有多個參數，我必須傳遞給API控制器。

我在做什麼是

在我的javascript

  var routeInfo = JSON.stringify(routes); 
      var colors = JSON.stringify(colorsArray); 
      var times = JSON.stringify(mytimeArray); 
      var distances = JSON.stringify(myDistancArray); 
      var dir = $("#Direction").val(); 

      var fullString = routeInfo + ";" + colors + ";" + times + ";" + distances+";"+dir; 

      $.post("api/HomeToSchool/?route=" + fullString, 
       function (data) { 
        if (data = true) { 
         alert("Routes Saved Successfully"); 
        } 
        else if (data = false) { 
         alert("Routes are not saved"); 
        } 
       }); 

&在我的控制器

public bool PostHomeToSchoolRoutes([FromUri]string route) 
     { 
// my logic 
} 

在這裏，我只是讓 「routeInfo」 &其他值的值不正在添加。 例如

var routeInfo = [["Børge,Brogade 38, 4100, Ringsted,09:25:00,55.43953, 11.79043","Grete,Sjællandsgade 27, 4100, Ringsted,09:25:00,55.44024, 11.78852","Else,Fynsgade 14, 4100, Ringsted,09:25:00,55.44128, 11.78595","Birthe,Eksercerpladsen 47, 4100, Ringsted,09:25:00,55.44954, 11.80309","Knud Lavard Centret, Eksercerpladsen 3, 4100, Ringsted,370,55.45014, 11.80474"]] 

       var colors = ["#886A52"] 
       var times = [7.97] 
       var distances = [3.36] 
       var dir = 0 

我在控制器得到的是

[["Børge,Brogade 38, 4100, Ringsted,09:25:00,55.43953, 11.79043","Grete,Sjællandsgade 27, 4100, Ringsted,09:25:00,55.44024, 11.78852","Else,Fynsgade 14, 4100, Ringsted,09:25:00,55.44128, 11.78595","Birthe,Eksercerpladsen 47, 4100, Ringsted,09:25:00,55.44954, 11.80309","Knud Lavard Centret, Eksercerpladsen 3, 4100, Ringsted,370,55.45014, 11.80474"]];[" 

其他值不來了。 我在這裏做什麼錯。

Answer 1

恐怕你的網址太長（> 255個字符），你可以試試這個。

$.ajax({ 
    type: 'POST', 
    url:"api/HomeToSchool", 
    data:{routeInfo:routes,colors:colorsArray,times:mytimeArray,distances:myDistancArray,dir:dir}, 
    dataType: "json", 
    traditional:true, 
    function (data) { 
         if (data = true) { 
          alert("Routes Saved Successfully"); 
         } 
         else if (data = false) { 
          alert("Routes are not saved"); 
         } 
        } 
}); 

和控制器：

public bool PostHomeToSchoolRoutes(string[] routeInfo,string[] colors,double[] times,double[] distances,int dir) 
     { 
// my logic 
} 

我看到你正在使用的二維數組routeInfo。但只有1個項目，我認爲你應該將其更改爲1維陣列，以使其與控制器代碼兼容string[] routeInfo

Answer 2

遠不止這些信息進入URL這裏，不僅僅是你沒有正確地追加參數他們一起需要使用&而不是;進行分隔。

最重要的是，您並不真正利用這裏的MVC功能。在客戶端，您希望將您的信息作爲集體對象發送，而不是單獨的參數，例如

var schoolRoutes = { 
    routes: routes, 
    colors: colorsArray, 
    times: mytimeArray, 
    distances: myDistanceArray, 
    direction: $("#Direction").val() 
}; 

$.ajax({ 
    type: 'POST' 
    url: "api/HomeToSchoolRoutes", 
    data: JSON.stringify(schoolRoutes), 
    dataType: "json", 
    success: function (data) { 
     if (data = true) { 
      alert("Routes Saved Successfully"); 
     } 
     else if (data = false) { 
      alert("Routes are not saved"); 
     } 
}); 

然後在服務器端，推出將能夠綁定到輸入數據也叫做ViewModel

public class RouteInfoViewModel 
{ 
    ... 
} 

public class SchoolRoutesViewModel 
{ 
    public RouteInfoViewModel[] Routes { get; set; } 
    public string[] Colours { get; set; } 
    public double[] Times { get; set; } 
    public double[] Distances { get; set; } 
    public string Direction { get; set; } 
} 

然後更新您的行動，預計這一特定ViewModel一類，應該給你獲取所有發佈的信息。

public bool PostHomeToSchoolRoutes(SchoolRoutesViewModel schoolRoutes) 
{ 
    ... 
}