我有一个下拉框,当它更改时,我将使用 JQuery 显示一个包含数据库中信息的表。现在那个工作得很好。同时,我想对该表应用“就地编辑”。当我单击一行时,我可以更改该行的值,但是,当我提交新值时,数据不会改变。我必须刷新我的页面,然后该值将被更新。我怀疑这是因为使用 JQuery 调用的表。但这里是代码。我正在使用此功能来显示信息表:
function loadData(page){
var dataString = "";
dataString = "page="+page;
$.ajax({
type: "POST",
url: "load_data.php",
data: dataString,
success: function(msg){
$("#container").ajaxComplete(function(event, request, settings)
{
$("#container").html(msg);
});
}
});
}
我正在使用此代码应用当前正在工作的“就地编辑”,但唯一不起作用的是当我想用新值重新加载表时。
$(".edit_tr").live('click',function(){
var ID=$(this).attr('id');
$("#first_"+ID).hide();
$("#first_input_"+ID).show();
var first=$("#first_input_"+ID).val();
}).live('change', function(){
var ID=$(this).attr('id');
var first=$("#first_input_"+ID).val();
var dataString = 'id='+ ID +'&thename='+first;
var initName = $("#hidden_first_input_"+ID).val();
$.ajax({
type: "POST",
url: "edit_page.php",
data: dataString,
cache: false,
success: function(html){
alert(html); // the alert is not coming. even put any process, nothing happen
}
});
});
但是这些值正在更新到数据库中。我必须刷新,并使用 JQuery 再次调用该表,然后该值将被更新。或者我可以点击分页,然后它会是正确的。知道为什么会这样吗?先感谢您!