如何通过Ajax获取ID

Question

I have a table that is contain of Id, user, pass. I want to have id by clicking on the button. My code is :

function LoadData(data) {  
        $.each(data, function (key, item) {
            var datea = '<tr>' +
                '<td>' + item.id + '</td>' +
                '<td><input type="text" value=" ' + item.usser + '"/></td>' +
                '<td><input type="text" value="' + item.pass + '"/></td>' +
                '<td><input id="Up" type="button" name="btnUpdate" value="Update" /> ' +
                     '<input type="button" name="btnDelete" id="' + item.id + '" onclick="test();" value="Delete" /></td>' +
            '</tr>';
            $('#customerTable').append(datea);
        });
    };

function test() {
        var customerId = $(this).parent().parent().children().get(0).innerHTML;alert(customerId);
        var data = '{"id":"' + customerId + '"}';    
}

By load data my db files shows on the html page. Function test is for get id of row.

Answer 1

Use:

function LoadData(data) {

$.each(data, function (key, item) {
    var datea = '<tr>' +
        '<td>' + item.id + '</td>' +
        '<td><input type="text" value=" ' + item.usser + '"/></td>' +
        '<td><input type="text" value="' + item.pass + '"/></td>' +
        '<td><input id="Up" type="button" name="btnUpdate" value="Update" /> ' +
             '<input type="button" name="btnDelete" id="' + item.id + '" onClick="test(\'' + item.id  + '\')"  value="Delete" /></td>' +
    '</tr>';
    $('#customerTable').append(datea);
});

function test(id) {

var data = '{"id":"' + id+ '"}'; 
}

Hope it helps.