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

Question

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

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

链接是

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

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

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

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

Answer 1

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

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

确保您已将 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);   
    }       
});