Javascript can'；似乎无法让这个ajax代码正常工作？韩元'；“t显示”；动态地；_Javascript_Jquery_Ajax

Javascript can'；似乎无法让这个ajax代码正常工作？韩元'；“t显示”；动态地；

javascript jquery ajax

Javascript can'；似乎无法让这个ajax代码正常工作？韩元'；“t显示”；动态地；,javascript,jquery,ajax,Javascript,Jquery,Ajax,我有一个实时搜索栏，如果用户键入“M”，则只会显示带有M的结果，依此类推，我将每个结果制作成一个链接，这样当用户单击它时，它将加载到不同的页面现在，我可以将它加载到另一个页面，但是我尝试在同一个页面上执行，但它就是不起作用搜索代码只是一个表单，它接受文本，然后im使用xmlhttp方法使其生效现在，将其显示如下：（我给了它一个在ajax中使用的类）有什么帮助吗？目前，单击它只是加载test.php，我有一些文本可以查看它的工作情况。我试图让它在右边动态加载谢谢编辑：它加载test.p

我有一个实时搜索栏，如果用户键入“M”，则只会显示带有M的结果，依此类推，我将每个结果制作成一个链接，这样当用户单击它时，它将加载到不同的页面

现在，我可以将它加载到另一个页面，但是我尝试在同一个页面上执行，但它就是不起作用

搜索代码只是一个表单，它接受文本，然后im使用xmlhttp方法使其生效

现在，将其显示如下：（我给了它一个在ajax中使用的类）

有什么帮助吗？目前，单击它只是加载test.php，我有一些文本可以查看它的工作情况。我试图让它在右边动态加载

谢谢

编辑：它加载test.php，即：

<html>
    <body>    
        <div id="displayDiv">    
            <h2> Test </h2>
        </div>    
    </body>
</html>


试验

EDIT2:与脚本在同一页中的div id:

<html>

<div id="displayDiv" style="width: 40%; float:right">


</div>

当你点击链接时，它只是跟随链接。要停止此操作，需要将事件处理程序更改为：

btn.on("click",function(e){
    e.preventDefault();
    // rest of your code
});

您的HTML中是否有一个元素具有

id

value

“displayDiv”

？是的，在我的HTML中，我给了div id=displayDiv，您的编辑显著改变了事情。代码查找页面上已有的

#displayDiv

元素，并尝试将

test.php

中的标记附加到该元素上。但是您的编辑告诉我们，

#displayDiv

元素不在页面上，而是在

test.php

标记中。那么，您希望标记在页面上的什么位置？你想要多少标记？只有

#displayDiv

中的位<代码>#displayDiv和其中的标记？好吧，我有点迷路了（很抱歉，我是新来的！）。我只是想让它显示在页面右侧（或中间）搜索结果旁边的任何地方…@用户：那么上面评论末尾的问题的答案是什么？那么我想我们需要更多问题的细节。您说它加载test.php，但我们不知道它是什么，也不知道它来自哪里。

<html>

<div id="displayDiv" style="width: 40%; float:right">


</div>

btn.on("click",function(e){
    e.preventDefault();
    // rest of your code
});

$(document).ready(function() {
    $(".display").on("click", function(e) {
        $("#displayDiv").empty();
        $.post("display.php", function(data) {
                $("#displayDiv").append(data);
            }
        );
        e.preventDefault();
    });
});