jQuery AJAX 在第一个 PHP 条件后不显示输出

Question

我在使用 jQuery AJAX 调用时遇到问题。查询运行正常，调试输出也显示正确的数据，但除了被调用文档中的第一个 PHP 条件之外的任何内容都不会显示。

首先，有两个按钮，一个链接到“core”，另一个链接到“email”：

这是相关的 JavaScript：

$("#core").click(function(){
    loaddetails ("core");
});
$("#email").click(function(){
    loaddetails ("email");
});

function loaddetails(type) { var query = "details=" + type; 
    $.post("details.php", query , function( data ) {
     $("#d-features").html(data); alert (data);});
    return false;
};  

以及details.php 的内容：

<? if($_POST['details']=='core'){ ?> blah1 <? }
   if($_POST['details']=='email') { ?> blah2 <? } ?>

“blah1”和“blah2”都出现在警报框调试输出中。但是，只有“blah1”会发布在页面 div (#d-features) 上，因为“blah2”永远不会出现在页面上。

我检查了Firebug，绝对没有错误。但我怀疑第二个条件请求可能已经循环，因为单击“电子邮件”按钮时显示的警报窗口显示“阻止页面创建其他对话框”，尽管即使未选中也不会显示任何其他对话框。

是什么导致了这个问题以及如何解决它？

Answer 1

.html() 替换内容而不是附加内容。

尝试更改该行以查看两次调用是否返回所有数据：

$("#d-features").html(data); ==> $("#d-features").append(data);

Answer 2

对您的代码进行一个小修改，您可以尝试看看这是否有效：

function loaddetails(type) { 
    $.post(
        "details.php", 
        {
            details:    type
        }, 
        function( data ) {
            $("#d-features").html(data); 
             alert (data);
        }
    );
    return false;
}

Answer 3

好的，这似乎与我为包含这些链接的 div 加载的选项卡效果发生冲突。因此，一旦我删除了该效果，它现在就起作用了。但我还不确定效果有什么问题，我会发布另一个问题来弄清楚。

感谢那些提供帮助的人！