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

时间:2012-10-17 18:05:10

标签: javascript jquery ajax

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

::可选::如果我能找到一种简单的方法,无需刷新就可以刷新页面。

链接

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

我的jquery是......不确定它是否可行

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

内容是我在servicecall.php表单右侧的div。 所有这一切似乎都发生在我的页面刷新,内容中没有任何内容。

1 个答案:

答案 0 :(得分:0)

当您点击按钮时,它会返回错误或其他内容?例如: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);   
    }       
});