通过ajax编辑,如何使用ajax提交内联编辑？

如何使用ajax提交此表单。

现在它从mysql查询创建一个表。当您单击行后面的“编辑”按钮时，Javascript会使所有单元格输入= text。

现在，当您点击该行末尾的“提交”按钮时，我希望它通过ajax将编辑后的数据提交给mysql。

我不明白从哪里获取使用ajax POST所需的数据。

$(document).ready(function(){

$(".edit").click(function(){

var tr = $(this).closest("tr");

var submit = "";

tr.find(".td").each(function(){

var name = $(this).attr("title");

var value = $(this).html();

var input = "";

$(this).html(input);

});

tr.find(".button").html(submit);

});

});

// this is the id of the submit button

$(".button").click(function() {

$.ajax({

type: "POST",

url: "index.php?page=update_mysql",

data: $("#change").serialize(), // serializes the form's elements.

success: function(data)

{

alert(data); // show response from the php script.

}

});

return false; // avoid to execute the actual submit of the form.

});

$sql="SELECT * FROM names";

$result = mysql_query($sql)or die(mysql_error());

WHILE ($row = mysql_fetch_array($result, MYSQL_ASSOC)) {

echo '

';

echo '

'.$row["id"].'';

echo '

'.$row["first_name"].'';

echo '

'.$row["last_name"].'';

echo '

Edit';

echo '

';

}

?>

update_mysql.php如下所示：

include 'firewall.php';

if ($_POST['Submit'] == "Submit") {

$id = $_POST['id'];

$first_name = $_POST['first_name'];

$last_name = $_POST['last_name'];

$sql_edit = "UPDATE names SET first_name = '$first_name', last_name = '$last_name' WHERE id = '$id'";

$result_edit = mysql_query($sql_edit) or die(mysql_error());

}

?>