从表中读取数据（HTML、JAVAscript）

我有一个从服务器接收的表： （使用ajax）：

---

谢谢

试试这样的东西

function getUserData()
{
    var newData = new Array();
    $.each($('#MyTable tbody tr'),function(key,val){
        var inputF = $(this).find("input[type=text]");          
        var fileldValues = {};
        fileldValues['c'] = $(inputF[0]).val();
        fileldValues['d'] = $(inputF[1]).val();

        //if you want to add A and B, then add followings as well
        fileldValues['a'] = $($(this).children()[0]).text();
        fileldValues['b'] = $($(this).children()[1]).text();
        newData.push(fileldValues);
    });
    return JSON.stringify(newData);
}

function saveNewData(){

var newData = getUserData();
$.ajax({
    type: "GET",
    url: "save",
    dataType: "json",
    data: { 
    newData: newData},
    contentType : "application/json; charset=utf-8",
    success : function(data) {
    ...
    },
    error : function(jqXHR, textStatus, errorThrown) {
        location.reload(true);
    }
}); 
}

---

试试这样的

function getUserData()
{
    var newData = new Array();
    $.each($('#MyTable tbody tr'),function(key,val){
        var inputF = $(this).find("input[type=text]");          
        var fileldValues = {};
        fileldValues['c'] = $(inputF[0]).val();
        fileldValues['d'] = $(inputF[1]).val();

        //if you want to add A and B, then add followings as well
        fileldValues['a'] = $($(this).children()[0]).text();
        fileldValues['b'] = $($(this).children()[1]).text();
        newData.push(fileldValues);
    });
    return JSON.stringify(newData);
}

function saveNewData(){

var newData = getUserData();
$.ajax({
    type: "GET",
    url: "save",
    dataType: "json",
    data: { 
    newData: newData},
    contentType : "application/json; charset=utf-8",
    success : function(data) {
    ...
    },
    error : function(jqXHR, textStatus, errorThrown) {
        location.reload(true);
    }
}); 
}

---

试试这样的

function getUserData()
{
    var newData = new Array();
    $.each($('#MyTable tbody tr'),function(key,val){
        var inputF = $(this).find("input[type=text]");          
        var fileldValues = {};
        fileldValues['c'] = $(inputF[0]).val();
        fileldValues['d'] = $(inputF[1]).val();

        //if you want to add A and B, then add followings as well
        fileldValues['a'] = $($(this).children()[0]).text();
        fileldValues['b'] = $($(this).children()[1]).text();
        newData.push(fileldValues);
    });
    return JSON.stringify(newData);
}

function saveNewData(){

var newData = getUserData();
$.ajax({
    type: "GET",
    url: "save",
    dataType: "json",
    data: { 
    newData: newData},
    contentType : "application/json; charset=utf-8",
    success : function(data) {
    ...
    },
    error : function(jqXHR, textStatus, errorThrown) {
        location.reload(true);
    }
}); 
}

---

试试这样的

function getUserData()
{
    var newData = new Array();
    $.each($('#MyTable tbody tr'),function(key,val){
        var inputF = $(this).find("input[type=text]");          
        var fileldValues = {};
        fileldValues['c'] = $(inputF[0]).val();
        fileldValues['d'] = $(inputF[1]).val();

        //if you want to add A and B, then add followings as well
        fileldValues['a'] = $($(this).children()[0]).text();
        fileldValues['b'] = $($(this).children()[1]).text();
        newData.push(fileldValues);
    });
    return JSON.stringify(newData);
}

function saveNewData(){

var newData = getUserData();
$.ajax({
    type: "GET",
    url: "save",
    dataType: "json",
    data: { 
    newData: newData},
    contentType : "application/json; charset=utf-8",
    success : function(data) {
    ...
    },
    error : function(jqXHR, textStatus, errorThrown) {
        location.reload(true);
    }
}); 
}

基于尼山答案的小型演示：

var newData = new Array();
$.each($('#MyTable tbody tr'), function (key, val) {
    var inputF = $(this).find("input[type=text]");
    var fileldValues = {};
    fileldValues['c'] = $(inputF[0]).val();
    fileldValues['d'] = $(inputF[1]).val();
    newData.push(fileldValues);
});
alert(JSON.stringify(newData));

基于尼山答案的小型演示：

var newData = new Array();
$.each($('#MyTable tbody tr'), function (key, val) {
    var inputF = $(this).find("input[type=text]");
    var fileldValues = {};
    fileldValues['c'] = $(inputF[0]).val();
    fileldValues['d'] = $(inputF[1]).val();
    newData.push(fileldValues);
});
alert(JSON.stringify(newData));

基于尼山答案的小型演示：

var newData = new Array();
$.each($('#MyTable tbody tr'), function (key, val) {
    var inputF = $(this).find("input[type=text]");
    var fileldValues = {};
    fileldValues['c'] = $(inputF[0]).val();
    fileldValues['d'] = $(inputF[1]).val();
    newData.push(fileldValues);
});
alert(JSON.stringify(newData));

基于尼山答案的小型演示：

var newData = new Array();
$.each($('#MyTable tbody tr'), function (key, val) {
    var inputF = $(this).find("input[type=text]");
    var fileldValues = {};
    fileldValues['c'] = $(inputF[0]).val();
    fileldValues['d'] = $(inputF[1]).val();
    newData.push(fileldValues);
});
alert(JSON.stringify(newData));

---

在事件绑定上使用jquery

试试这样的东西

我通常不会使用数据绑定libarray，例如
Knockoutjs
或
AngularJS
在事件绑定上使用jquery


试试这样的东西

我通常不会使用数据绑定libarray，例如
Knockoutjs
或
AngularJS
在事件绑定上使用jquery


试试这样的东西

我通常不会使用数据绑定libarray，例如
Knockoutjs
或
AngularJS
在事件绑定上使用jquery


试试这样的东西

我通常不会这样做，我会使用数据绑定libarray，例如
Knockoutjs
或
AngularJS
将一些类添加到第3列和第4列输入中。。。按类别选择它们。。。您想从最后一行还是所有行读取数据？将一些类添加到第3列和第4列输入。。。按类别选择它们。。。您想从最后一行还是所有行读取数据？将一些类添加到第3列和第4列输入。。。按类别选择它们。。。您想从最后一行还是所有行读取数据？将一些类添加到第3列和第4列输入。。。按类别选择它们。。。您想从最后一行还是所有行读取数据？如何将A行和B行添加到“newData”？如何将A行和B行添加到C&D行，将A&B行添加到“newData”？谢谢。如果我只想返回“real”数组，而不是一个字符串？表中有很多数据。我只想发送JSON（不是字符串）。如果你想得到真正的JSON对象，你可以简单地删除“JSON.stringify”函数。我如何将A行和B行添加到“newData”中？如何将A行和B行添加到C&D行，将A&B行添加到“newData”中？谢谢。如果我只想返回“real”数组，而不是一个字符串？表中有很多数据。我只想发送JSON（不是字符串）。如果你想得到真正的JSON对象，你可以简单地删除“JSON.stringify”函数。我如何将A行和B行添加到“newData”中？如何将A行和B行添加到C&D行，将A&B行添加到“newData”中？谢谢。如果我只想返回“real”数组，而不是一个字符串？表中有很多数据。我只想发送JSON（不是字符串）。如果你想得到真正的JSON对象，你可以简单地删除“JSON.stringify”函数。我如何将A行和B行添加到“newData”中？如何将A行和B行添加到C&D行，将A&B行添加到“newData”中？谢谢。如果我只想返回“real”数组，而不是一个字符串？表中有很多数据。我只想发送JSON（不是字符串）。如果你想得到真正的JSON对象，你可以简单地删除“JSON.stringify”函数。