簡體   English   中英

通過ajax(JQuery)將對象數組發送到服務器

[英]Sending an array of objects to server via ajax (JQuery)

我有一系列從html表檢索的條目。

例如(1,123),(1,234),(2,134)等等

我想通過JQuery ajax調用將這些發送到服務器,但是我不確定如何創建相應的json調用。
我怎樣才能做到這一點?

我不知道如何形成數組。 我知道我應該使用類似:

$.ajax({
  url: 'path/getdetails.html',
   data : {
       'a'     : value,
       'b'    : value,                                                                                                                                      
    }, 
    type: 'POST',
    dataType: 'json',

這是我的桌子

<table id="students" border="1">
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Grade</th>
        </tr>
    </thead>
    <tbody>
        <tr class="student">
            <td>Oscar</td>
            <td>23</td>
            <td>16.5</td>        
        </tr>
        <tr class="student">
            <td>Antonio</td>
            <td>32</td>
            <td>14</td>        
        </tr>
        <tr class="student">
            <td>Jessica</td>
            <td>21</td>
            <td>19</td>        
        </tr>
    </tbody>
</table>​​​​​​

和我的Java腳本看起來像這樣

     function send() {
            var value = $('#students tr:has(td)').map(function(i, v) {
    var $td =  $('td', this);
        return {
                 id: ++i,
                 name: $td.eq(0).text(),
                 age: $td.eq(1).text(),
                 grade: $td.eq(2).text()               
               }
}).get();
            $.ajax({
                url: '/test/PersonSubmit',
                type: 'post',
                dataType: 'json',
                data:JSON.stringify(values),
                success: function (data) {
                    $('#target').html(data.msg);
                },

            });
        }  

希望這個能對您有所幫助

假設您的對象數組

var postData =  [{"key1": 123}, {"key2": 234}, {"key3": 134}]

在ajax調用中,將JSON.stringify用於application/json數據和內容類型。

像這樣

contentType: 'application/json'
data: JSON.stringify(postData)

希望有幫助:)

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM