Beitrag JavaScript-Array mit AJAX ASP.NET MVC-Controller

Question

Mein Controller:

[HttpPost] 
public ActionResult AddUsers(int projectId, int[] useraccountIds) 
{ 
    ... 
} 

Ich mag würde die Parameter an die Steuerung über AJAX posten. Passing the int projectId ist kein Problem, aber ich kann es nicht schaffen, die int[] zu veröffentlichen.

Mein JavaScript-Code:

function sendForm(projectId, target) { 
    $.ajax({ 
     traditional: true, 
     url: target, 
     type: "POST", 
     data: { projectId: projectId, useraccountIds: new Array(1, 2, 3) }, 
     success: ajaxOnSuccess, 
     error: function (jqXHR, exception) { 
      alert('Error message.'); 
     } 
    }); 
} 

Ich versuchte es mit einem Test-Array, aber ohne Erfolg. :( Ich habe auch versucht traditional: true zu setzen, oder contentType: 'application/json; charset=utf-8' aber keinen Erfolg auch ...

The int[] useraccountIds gebucht mein Controller immer null ist

Answer 1

Sie könnten ein Ansichtsmodell definieren.

public class AddUserViewModel 
{ 
    public int ProjectId { get; set; } 
    public int[] userAccountIds { get; set; } 
} 

dann Controller-Aktion anpassen diese Ansicht Modell als Parameter nehmen:

[HttpPost] 
public ActionResult AddUsers(AddUserViewModel model) 
{ 
    ... 
} 

und schließlich Rufen Sie es auf:

function sendForm(projectId, target) { 
    $.ajax({ 
     url: target, 
     type: 'POST', 
     contentType: 'application/json', 
     data: JSON.stringify({ 
      projectId: projectId, 
      userAccountIds: [1, 2, 3] 
     }), 
     success: ajaxOnSuccess, 
     error: function (jqXHR, exception) { 
      alert('Error message.'); 
     } 
    }); 
} 

Answer 2

Wenn Sie ein Array zu Mvc-Engine übergeben möchten, senden Sie die Eingabe mehrmals. ändern Sie Ihren Code auf die folgenden:

function sendForm(projectId, target) { 
var useraccountIds = new Array(1, 2, 3); 
var data = { projectId: projectId }; 
for (var i = 0; i < useraccountIds.length; i++) { 
    $.extend(true, data, {useraccountIds: useraccountIds[i]}); 
} 
$.ajax({ 
    traditional: true, 
    url: target, 
    type: "POST", 
    data: data, 
    success: ajaxOnSuccess, 
    error: function (jqXHR, exception) { 
     alert('Error message.'); 
    } 
}); 

}

Answer 3

Setzen Sie das serializable Attribut auf die Klasse. Dann wird versucht, das JavaScript-Objekt, das Sie übergeben, in die C# -Klasse zu konvertieren.

in JS:

{ 
    ProjectId = 0, 
    userAccountIds = [] 
} 

// C# 
[Serializable] 
public class AddUserViewModel 
{ 
    public int ProjectId { get; set; } 
    public int[] userAccountIds { get; set; } 
} 

Answer 4

Mit $ Schnipsel() können Sie ganz einfach die Daten von Javascript an den Controller in MVC bekommen.

Wie wie

var uname = 'John Doe'; 

$.ajax({ 

     url: "/Main/getRequestID", // This is path of your Controller with Action Result. 
     dataType: "json",   // Data Type for sending the data 

     data: {      // Data that will be passed to Controller 
      'my_name': uname,  // assign data like key-value pair  
      // 'my_name' like fields in quote is same with parameter in action Result 
     }, 

     type: "POST",    // Type of Request 
     contentType: "application/json; charset=utf-8", //Optional to specify Content Type. 

     success: function (data) { // This function is executed when this request is succeed. 
       alert(data); 
     }, 

     error: function (data) { 
       alert("Error"); // This function is executed when error occurred. 
     } 
)}; 

dann auf der Steuerungsseite,

public ActionResult getRequestID(String my_name) 
{ 

    MYDBModel myTable = new Models.MYDBModel(); 
    myTable.FBUserName = my_name; 
    db.MYDBModel.Add(myTable); 
    db.SaveChanges();    // db object of our DbContext.cs 
    //return RedirectToAction(“Index”); // After that you can redirect to some pages… 
    return Json(true, JsonRequestBehavior.AllowGet); // Or you can get that data back after inserting into database.. This json displays all the details to our view as well. 
} 

Referenz. Send Data from Java Script to Controller in MVC

Answer 5

In JS:

var myArray = new Array(); 
myArray.push(2); 
myArray.push(3); 
$.ajax({ 
      type: "POST", 
      url: '/MyController/MyAction', 
      data: { 'myArray': myArray.join() }, 
      success: refreshPage 
     }); 

In MVC/C#:

public PartialViewResult MyAction(string myArray) 
{ 
    var myArrayInt = myArray.Split(',').Select(x=>Int32.Parse(x)).ToArray(); 
    //My Action Code Here 
} 

Answer 6

Es wird nicht funktionieren, wenn Sie angeben, dass die Ajax-Anforderung (Post/Get) hat die Eigenschaft traditional ist auf wahr gesetzt. Weitere Informationen finden Sie unter question.