我有这个代码http://jsfiddle.net/meridius/ysDGm/其中问题在于CCD_ 2部分中的CCD_ 1变量。由于我无法解释的原因,该变量在该部分为空。
我认为问题出在变量的范围上,我尝试了所有的方法,但都没有成功。请注意,问题不在于AJAX,它工作得很好!
这是Fiddle的缩短版本:
<tr>
<td>one</td>
<td>
<select name="zadavatel">
<option value="0">-- vyberte --</option>
<option value="new">-- nový zadavatel --</option>
</select>
</td>
</tr>
var out = {};
$('select').bind("change", function() {
if ($(this).val() == "new") {
var nazev = prompt('Question',
$(this).parent().siblings(':first-child').text());
if (nazev == null) {
$(this).val($.data(this, 'current'));
return false;
} else {
var pole2 = {};
pole2["nazev"] = nazev;
$.ajax({
type : "POST",
cache : false,
url : "./pokus_zad.php",
data : JSON.stringify(pole2),
success : function(data) {
out = JSON.parse(data); //data.id
}
});
out.id = 15; // this work, but it SHOULD work without it (with AJAX)
$(this).closest('table').find('select').each(
function() {
$(this).append($('<option>', { "value" : out.id }).text(nazev));
});
$(this).closest('select').val(out.id).attr('selected', 'selected');
}
}
$.data(this, 'current', $(this).val());
});
AJAX是异步的,因此在函数的其余部分之后,将在其中设置out
变量。
$.ajax({
type : "POST",
cache : false,
url : "./pokus_zad.php",
data : JSON.stringify(pole2),
success : function(data) {
out = JSON.parse(data); //data.id
$(this).closest('table').find('select').each(
function() {
$(this).append($('<option>', { "value" : out.id }).text(nazev));
});
$(this).closest('select').val(out.id).attr('selected', 'selected');
}
});
您应该将追加代码放入成功块中。因为ajax调用是异步的,所以append语句在ajax回调设置"out"变量之前运行。
var out = {};
$('select').bind("change", function() {
if ($(this).val() == "new") {
var nazev = prompt('Question',
$(this).parent().siblings(':first-child').text());
if (nazev == null) {
$(this).val($.data(this, 'current'));
return false;
} else {
var pole2 = {};
pole2["nazev"] = nazev;
$.ajax({
type : "POST",
cache : false,
url : "./pokus_zad.php",
data : JSON.stringify(pole2),
success : function(data) {
out = JSON.parse(data); //data.id
$(this).closest('table').find('select').each(
function() {
$(this).append($('<option>', { "value" : out.id }).text(nazev));
});
$(this).closest('select').val(out.id).attr('selected', 'selected');
}
});
}
}
$.data(this, 'current', $(this).val());
});
太好了,谢谢大家!
根据您的建议,我将我的附加代码移动到AJAX函数的成功回调AND我还必须为$(this)创建变量,因为它在AJAX内部与外部不同。)
工作的JQuery部分现在看起来是这样的:
var out = {};
$('select').bind("change", function() {
if ($(this).val() == "new") {
var nazev = prompt('Zadejte název zadavatele', $(this).parent().siblings(':first-child').text());
if (nazev == null) {
$(this).val($.data(this, 'current'));
return false;
} else {
var select = $(this);
var pole2 = {};
pole2["nazev"] = nazev;
$.ajax({
type : "POST",
cache : false,
url : "./pokus_zad.php",
data : JSON.stringify(pole2),
success : function(data) {
out = JSON.parse(data); //data.id
select.closest('table').find('select').each(
function() {
$(this).append($('<option>', { "value" : out.id }).text(nazev));
});
select.val(out.id).attr('selected', 'selected');
}
});
}
}
$.data(this, 'current', $(this).val());
});