使用jQuery的ajax get请求和参数，返回页面内容

Question

我正在尝试使用jQuery的get函数来调用我的php脚本。 php脚本返回一个变量，该变量包含页面主要内容的构建模板减去我的静态页眉/页脚。

我想使用返回的内容替换“旧”页面内容，而无需重新加载页面。 谁能指出我在哪里出问题的正确方向？ 我的代码如下...

jQuery的：

function getData(time, type) {
     $.ajax({
            type: "GET",
            url: "getData.php",
            data: "time=" + time + "&type=" + type,
            success: function(data){
               $('#pageContent').fadeOut("slow");
               $('#pageContent').html(data);
               $('#pageContent').fadeIn("slow");
     }
    });
    return false;
}

访问getdata.php（转述）：

    ....

    $time = empty($_GET['time']) ? '' : $_GET['time'];
    $type = empty($_GET['type']) ? '' : $_GET['type'];
    echo getData($time, $type);

    function getData($time, $type)
    ......
        .....
            $tmpl = new Template();
            $tmpl->time= $time;
            $tmpl->type = $type;
            $builtpage = $tmpl->build('index.tmpl');
            return $builtpage;
        .....
    ......

jQuery函数调用：

<a href="#" onclick="getData('<?php print $tmpl->time; ?>', 'Orange')">Orange</a>
<a href="#" onclick="getData('<?php print $tmpl->time; ?>', 'Apple')">Apple</a>
<a href="#" onclick="getData('<?php print $tmpl->time; ?>', 'Banana')">Banana</a>

当我单击任何链接时，ajax似乎运行良好，并且页面确实拒绝重新加载，但是内容仍然保持不变...有人碰巧知道发生了什么吗？

Answer 1

首先，在success功能中，检查以确保您收到的是您要找的东西：

success: function(data){
  alert(data);
}

同样在php文件中，尝试将其放在脚本顶部：

header("Content-Type: text/html");

并尝试修改您的代码，例如：

success: function(data){
  $('#pageContent').html(''); // remove what was before
  $('#pageContent').fadeOut("slow");
  $('#pageContent').html(data);
  $('#pageContent').fadeIn("slow");
}

Answer 2

Ajax无法正常运行：

<a href="#" onclick="getData("<?php print $tmpl->time; ?>", "Orange")">Orange</a>
                             ^
                             End of attribute value here

使用验证器并正确嵌套引号（通过在"和'之间切换或使用实体）。