jQuery加载事件(可能)没有正确传递变量

时间:2014-12-16 14:19:35

标签: php jquery load

我有以下代码,基本上应该采用<div class="mainSection">标记并清空内容。 然后运行.load事件以使用displayData.php的内容重新填充它 它传递了两个变量custIDcustName,在我的测试脚本(下面)中,只需将它们写回屏幕即可验证它是否有效。

我显然缺少一些东西,而且不能为我的生活看到什么。 一切似乎都没问题,除了变量似乎永远不会变成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 个答案:

答案 0 :(得分:0)

我不得不

1)将其包装在文档就绪函数中以便加载工作

2)更新负载以通过url

中的get传递参数

*如果您有提醒,则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);
          });  
});

});