javascript - 通过链接将内部文件加载到 div 中而不刷新页面

Question

我试图在点击页面一侧的链接时从我的站点中获取另一个页面，该页面位于同一目录中，并将其显示到名为 content 的 div 中。

::可选::如果我能想出一个简单的方法来做到这一点而无需刷新，否则刷新页面。

链接是

<a href="#" id="servicecall">Service Call</a>

我的 jquery 是......不确定它是否会工作

$("#servicecall").click(function() {
  $("#content").load("servicecall.php");
});

内容是我在 servicecall.php 表单所在的右侧的 div。似乎发生的所有事情都是我的页面进行了刷新，但内容中没有显示任何内容。

Answer 1

当您单击按钮时，它会返回错误或什么？例如这里： http: //jsfiddle.net/9839Q/4/ 当我点击服务调用链接时，它给了我一个错误，下面一行（Chrome）：

获取http://fiddle.jshell.net/_display/index.php 404（未找到）

确保您已将 jQuery 库添加到您的页面！也许你只是忘记了

<script src="http: //ajax.googleapis.com/ajax/libs/jquery/1.8/jquery. min .js"></script> //without spaces

如果它们都没有，您可以尝试 $.ajax （希望它有效:)）：

    $.ajax({
    url: "servicecall.php",  
    type: "GET",            
    cache: false,
    success: function (html) {  
        //place servicecall.php's content to the content div
        $('#content').html(html);   
    }       
});