Fehler bekommen 404, während ein Array durch Ajax an die Steuerung vorbei

Question

ich in meiner Ansicht wie diese eine Schleife, die die Liste der Student`s Namen

<Table id="your_table"> 
<thead> 
<tr> 
    <th>name</th> 
    <th>grade</th> 
    <th>remove</th> 
</tr> 
</thead> 
<tbody> 
    @foreach (string item in Model) 
    { 
     <tr> 
      <td id="td_name" style="border-left: thin">@item</td> 
      <td><input type="text" id="txtGrade_@item" onclick="" style="width: 40px;border-left: thin" /></td> 
      <td><input type="checkbox" id="chkStudent_@item" value="@item" /></td> 
     </tr> 

    } 
</tbody> 

i das folgende Skript verwenden, erzeugt für den Text zu erhalten die erste Zelle jeder Zeile:

$('#btnDone') 
      .click(function() { 
     //get studentslist 
     function getFirstCellTextList(tableElement) { 
      if (tableElement instanceof jQuery) { 
       // Create an array 
       var textList = []; 
       // Iterate over each table row 
       tableElement.find('tbody tr').each(function() { 
        // Get the first cells's text and push it inside the array 
        var row = $(this); 
        if (row.children('td').length > 0) { 
         textList.push(row.children('td').eq(0).text()); 
        } 
       }); 
       return textList; 
      } 
      return null; 
     } 
     // Get the array 
     var lststudents = getFirstCellTextList($('#your_table')); 
     var result = []; 
     $(lststudents).each(function(index, item) { 
      result.push(item); 
     }); 

     alert(result); 
     $.ajax('/TeacherPages/GetGrades/' + result).done(function() { 
      alert("done"); 
     }); 
    }); 

das Problem ist. Wenn ich das erstellte Array an den Controller senden will, bekomme ich Fehler 404. Da ist etwas falsch mit diesem Array. denn wenn ich ohne Probleme die Ajax funktioniert manuell Werte in das Array hinzufügen

dies meine Aktion ist:

[AttributeRouting.Web.Mvc.GET("/TeacherPages/GetGrades/{result}")] 
    public PartialViewResult GetGrades(string[] result) 
    { 
     return PartialView(); 
    } 

Answer 1

Sie können eine Javascript-Array Ihre URL nicht nur anhängen. Es wandelt nur die Werte im Array in einen String Komma getrennt, während Sie eine URL zu erzeugen, müssen die zu

$.ajax({ 
    url: '@Url.Action("GetGrades", "TeacherPages")', // don't hardcode your url's 
    type: 'POST', 
    traditional: true, 
    data: { result: result }, 
    success: function (response) { 
     .... 
    } 
}); 

Als Randbemerkung

/TeacherPages/GetGrades?result=someValue&result=anotherValue&result=etc... 

Ändern Sie Ihr Skript ist, Ihre getFirstCellTextList() Funktion zurückkehrt das Array, das Sie wollen, und es ist sinnlos, ein anderes identisches Array daraus zu erstellen. Sie müssen nur

var result = getFirstCellTextList($('#your_table'));