Событие загрузки jQuery (возможно) не передает переменные должным образом
У меня есть код ниже, который в основном должен взять <div class="mainSection"> пометить и очистить содержимое.
Затем он запускает .load событие для его заселения с использованием содержимого displayData.php
Он проходит через две переменные, custID а также custNameи в моем тестовом скрипте (ниже) просто записывает их обратно на экран, чтобы убедиться, что это сработало.
Я, очевидно, что-то упускаю, и не могу за всю жизнь увидеть, что.
Кажется, все в порядке, за исключением того, что переменные никогда не превращаются в displayData.php который всегда отчитывается NA - NA,
Должно быть, я что-то упустил (вероятно, действительно очевидно). , ,
custID = 123;
custName = 'TestName';
$.when($('.mainSection').fadeOut('slow')).done(function()
{
alert(custID + custName); //confirms that variables are set and hold the data expected
$('.mainSection')
.empty()
.load('displayData.php',
{
'custID':custID,
'custName':custName
},function(responseTxt,statusTxt,xhr)
{
if(statusTxt=="success")
alert("External content loaded successfully!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
}
)
.fadeIn();
})
---
displayData.php
<?php
$custID = (ISSET($_GET['custID']) ? $_GET['custID'] : 'NA');
$custName = (ISSET($_GET['custName']) ? $_GET['custName'] : 'NA');print $custID." - ".$custName;
?>
Решение
Мне пришлось
1) обернуть его в функцию готовности документа для загрузки на работу
2) обновить загрузку для передачи параметров через get в URL
* fadeIn не работает должным образом, если у вас есть предупреждения.
jQuery(document).ready(function(){
custID = 123;
custName = 'TestName';
$.when($('.mainSection').fadeOut('slow')).done(function()
{
$('.mainSection')
.empty()
.fadeIn('slow')
.load('display.php?custID=' + custID + '&custName=' + custName,
function(responseTxt,statusTxt,xhr) {
if(statusTxt=="success")
alert("External content loaded successfully!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});
});
Другие решения
Других решений пока нет …