如何使用jquery和ajax更新特定行并传递参数

时间:2014-02-28 18:33:29

标签: javascript html ajax json

我使用json响应动态显示表内容。这是我显示行值的代码

var rows = '';
for(var i=0; i<response.response.length; i++)
{
     rows += '<tr><td class="country">' + response.response[i].country 
          + '</td><td class="state">' + response.response[i].state 
          + '</td><td class="city">' + response.response[i].city 
          + '</td><td class="citizen_from">' + response.response[i].citizen_from 
          + '</td><td class="citizen_to">' + response.response[i].citizen_to 
          + '</td><th><a href="#popupLogin" data-rel="popup" data-position-to="window" data-transition="pop">Edit</a></th></tr>';
}

document.getElementsByTagName('table')[0].innerHTML += rows;

html页面上的输出是这样的:

国家城市公民身份从公民身份到

印度aa xx 2014-02-12 2014-02-07编辑

bbb bb yy 2014-02-04 2014-02-10编辑

yf ctc cg 2014-02-18 2014-02-25编辑

假设我想编辑和更新第二行,我应该在Ajax中编写什么代码才能获取第二行参数。 任何帮助将不胜感激 在此先感谢。

1 个答案:

答案 0 :(得分:0)

只做你要求的事情:

使用ajax回调:

var fAjaxCallback = function (data) {
    // build your replacement row, or whatever
    var sNewRow = '<tr>...</tr>';
    // update row 2 (index 1)
    document.getElementsByTagName('table')[0].getElementsByTagName('tr')[1].outerHTML = sNewRow;
};

// then pass that function definition into your ajax call