2017-09-18 56 views
0

我使用ajax jQuery發送項目列表到我的控制器。沒有得到我的控制器中使用ajax,但只有一個對象的所有列表

我得到的物品清單,但不是所有我只得到一個物品,並在列表中的第2。

的JavaScript

$('#AddObject').click(function() { 
    var CustomerKeysList = 
    [ 
     { 
      CustomerId: '5', 
      Name:'test1', 
      DateCreated:new Date(), 

     }, 
     { 
      CustomerId: '3', 
      Name:'test2', 
      DateCreated:new Date(), 

     }, 
     { 
      CustomerId: '43', 
      Name: 'test2', 
      DateCreated: new Date(), 

     }, 
    ] 

    alert(JSON.stringify(CustomerKeysList)); 
    var i = $(".thingRow").length; 
    var url = '/admin/customer/AddObject?index=' + i; 

    $.ajax({ 
     url: url, 
     contentType: 'application/json; charset=utf-8', 
     type: 'POST', 
     data: JSON.stringify(CustomerKeysList), 
     success: function (data) { 
      alert(data) 
      $('#Table').append('<tbody>'+ data).append('<button 
    id="AddObject1" type="button" class="btn btn-primary">Add Object</button>'); 
     }, 
     error: function (a, b, c) { 
      alert(a + " " + b + " " + c); 
     } 
    }); 
}) 

控制器

public ActionResult AddObject(int index, List<CustomerKeys> CustomerKeysList) 
{ 
    return PartialView("_EmptyRow", CustomerKeysList); 
} 

當我點擊按鈕,它發送CustomerKeysList的名單,但是當我調試我的控制,我發現只有一個項目和它總是發送項目。

我不知道如何解決這個問題。請幫助我,我應該是非常可觀的。作爲

data: CustomerKeysList, 

Image shows the detail of list I got from ajax

回答

2

更改腳本像下面

var CustomerKeysList = [ 
    { CustomerId: '5', Name:'test1', DateCreated:new Date() }, 
    { CustomerId: '3', Name:'test2', DateCreated:new Date() }, 
    { CustomerId: '43', Name: 'test2', DateCreated: new Date() } 
]; 
CustomerKeysList = JSON.stringify({ 'CustomerKeysList': CustomerKeysList}); // add this 

和更改數據屬性,以便它可能看起來像這樣

$('#AddObject').click(function() { 
    var CustomerKeysList = [ 
     { CustomerId: '5', Name:'test1', DateCreated:new Date() }, 
     { CustomerId: '3', Name:'test2', DateCreated:new Date() }, 
     { CustomerId: '43', Name: 'test2', DateCreated: new Date() } 
    ]; 
    CustomerKeysList = JSON.stringify({ 'CustomerKeysList': CustomerKeysList}); // add this 

    var i = $(".thingRow").length; 
    var url = '/admin/customer/AddObject?index=' + i; 

    $.ajax({ 
     url: url, 
     contentType: 'application/json; charset=utf-8', 
     type: 'POST', 
     dataType: 'json', // you may need this 
     data: CustomerKeysList, // change 
     success: function (data) { 
      alert(data) 
      $('#Table').append('<tbody>'+ data).append('<button id="AddObject1" type="button" class="btn btn-primary">Add Object</button>'); 
     }, 
     error: function (a, b, c) { 
      alert(a + " " + b + " " + c); 
     } 
    }); 
}) 

和你的控制器

public ActionResult AddObject(int index, List<CustomerKeys> CustomerKeysList) 
{ 
    return PartialView("_EmptyRow", CustomerKeysList); 
} 
+0

偉大的工作。現在工作你爲我節省了很多時間。 – Tauqeer

+0

樂於幫忙,歡迎來到Stack Overflow。如果此答案解決了您的問題,請將其標記爲已接受 – ashik

相關問題