我有一个网页中的'对象'的网页。例如：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