Question

我有一个包含Id, user, pass的表格。我希望点击按钮id。我的代码是：

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 + '"}';    
}

通过加载数据，我的db文件显示在html页面上。函数test用于获取行的id。

Answer 1

使用：

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+ '"}'; 
}

希望它有所帮助。

Answer 2

控制器：

 public void Delete(int id)
    {
        using (DataClasses1DataContext db=new DataClasses1DataContext())
        {
            var q = from item in db.usepas
                    where item.id == id
                    select item;
            usepa s = q.FirstOrDefault();
            db.usepas.DeleteOnSubmit(s);
            db.SubmitChanges();
        }
    }

Ajax代码：

function test(id) {
alert(id);

var data = { id: id }

alert(data.id);
$.ajax({
    type: 'DELETE',
    url: '/api/Values',
    data: data,
    contentType: "application/json; charset=utf-8",
    dataType: 'json',
    success: function (results) {
        $.getJSON('api/Values', LoadData);
        alert('Customer Deleted!');
    }

})

}

如何通过ajax获取Id

2 个答案: