从 ajax json 列表中的链接编辑和删除远程 mysql 记录

Question

OK 新的 / 很长一段时间远离它......

我创建了一个 json 列表：

$.ajax({
        url: 'http://www.somewebsite.com/land.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        timeout: 5000,
        success: function(data, status) {
            $.each(data, function(i, item) {
                var balance = '<p>' + item.itemm + ' ' + item.amount + ' ' + item.status +
                    ' ' + '<a href="#" onclick="loadRecord(' + i + ');">edit</a>' + ' ' +
                    '<a href="#" onclick="deleteRecord(' + item.id + ');"> delete</a>' +
                    '</p><hr>';
                total2 = total2 + parseInt(item.amount);
                $("#mylbl").append(balance);
                $("#mylbl5").html(total2);
            });
        },
        error: function() {
            output.text('There was an error loading the data.');
        }

我正在使用这个方法，因为我正在使用 phonegap...我有显示项目和添加项目工作但想添加编辑和删除功能...

我正在尝试在每一行上添加编辑和删除链接（如上），但无法对其进行排序....

仅在删除阶段..并尝试过此删除功能..

function deleteRecord(id) // Get id of record . Function Call when Delete Button Click..

{
mysql_connect("localhost","454547_yeah","password");
mysql_select_db("454487_mydbdb");
 var deleteStatement = mysql_query("DELETE FROM balance WHERE id=?");


    db.transaction(function (tx) { tx.executeSql(deleteStatement, id, onError); alert("Delete Sucessfully"); });

}

非常感谢任何帮助或指点...。我在网上搜寻并发现没有任何帮助...

Answer 1

你可以试试这个

formDataEdit = {
    itemm: $("#itemm"),
    amount: $("#amount"),
    status: $("#status")
};
$.ajax({
    url: 'http://www.somewebsite.com/delete.php',
    dataType: 'jsonp',
    jsonp: 'jsoncallback',
    timeout: 5000,
    data: formDataEdit,
    success: function(data, status) {
        alert("Edit successful");
    },
    error: function() {
        output.text('There was an error loading the data.');
    }
});
formDataDelete = {
    id: $("#id")
};
$.ajax({
    url: 'http://www.somewebsite.com/delete.php',
    dataType: 'jsonp',
    jsonp: 'jsoncallback',
    timeout: 5000,
    data: formDataDelete,
    success: function(data, status) {
        alert("Delete successful");
    },
    error: function() {
        output.text('There was an error loading the data.');
    }
});

html

<b><a onclick="edit(1);">Edit</a> | <a onclick="delete(1);">Delete</a></b>

js

currentPage = {};
currentPage.edit = function(id){ //also can use for delete
    alert(id);
};