我有一个网页中的'对象'的网页。例如:AJAX请求完成后,变量不刷新
OBJ1,OBJ2,OBJ 3,...
每个对象都有一个选项, '编辑',这将打开模态窗口(ui.dialog)和负载(.load())的模板,在哪里有一些输入,textareas等来编辑关于对象的信息。有一个按钮“完成编辑”,它通过AJAX .post()将POST请求发送到PHP文件。之后,必须编辑关于对象的信息。
PHP或MySQL没有问题,问题只出现在JS中。第一次更新后,一切似乎都没有问题,但是当我点击'obj2'来编辑它并按'完成编辑'时,我在其中编写输入值的变量来自以前的操作。
obj1。 var1 ='text1'; var2 ='text2';
obj2。 var1 ='text3'; var2 ='text4';
例如在'obj1'中,我发送了下一个数据:'v1':var1,'v2':var2。没关系。但在'obj2'中它也发送'text1'和'text2',而不是'text3'和'text4'。
我也做了var1.val(“”),但它没有帮助,第二次它发送的空值:)
代码:
$(".edit").click(function(){
var modal = $('
modal.dialog({
modal: true,
width: 300,
height: 300,
autoOpen: true
});
modal.find(">div").load('someurl', function(){
modal.dialog('open');
modal.find("#finish-button").click(function() {
var var1 = $('#someid1').val();
var var2 = $('#someid2').val();
$.ajax({
url: 'someurl',
type: 'post',
data: {
'v1' : var1,
'v2' : var2
},
success: function(data) {
modal.dialog('close');
// here is some refresh code to refresh the edited info in the page ... nothing serious
}
});
});
});
});
2011-03-01
Dmitry