javascript - 通过 ajax (JQuery) 将对象数组发送到服务器

Question

我有一系列从 html 表中检索到的条目。

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

我想通过 JQuery ajax 调用将这些发送到服务器，但我不确定如何创建相应的 json 调用。
我怎样才能做到这一点？

我不知道如何形成数组。我知道我应该使用类似的东西：

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

Answer 1

这是我的桌子

<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);
                },

            });
        }  

希望对你有帮助

Answer 2

假设您的对象数组是

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

用于您的 ajax 调用中JSON.stringify的数据和内容类型。application/json

像这样

内容类型：'应用程序/json'
数据：JSON.stringify(postData)

希望有帮助:)