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

Javascript 通过链接将内部文件加载到div中,而不刷新页面,javascript,jquery,ajax,Javascript,Jquery,Ajax,我试图在点击页面一侧的链接时,从我的站点中抓取另一个页面,该页面位于同一目录中,并将其显示在名为content的div中 ::可选::如果我能想出一个不刷新的简单方法,否则刷新页面 链接是 <a href="#" id="servicecall">Service Call</a> Content是右边的div,servicecall.php表单将位于该div中。 似乎发生的只是我的页面刷新了,内容中什么也没有显示。当你点击按钮时,它会返回一个错误或什么?例如: 当我单击

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

::可选::如果我能想出一个不刷新的简单方法,否则刷新页面

链接是

<a href="#" id="servicecall">Service Call</a>
Content是右边的div,servicecall.php表单将位于该div中。
似乎发生的只是我的页面刷新了,内容中什么也没有显示。

当你点击按钮时,它会返回一个错误或什么?例如: 当我单击服务呼叫链接时,它会显示以下行的错误(Chrome):

获取404(未找到)

确保已将jQuery库添加到页面中!也许你忘了

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

不要滥用标签。你的问题与PHP或CSS无关。没有错误,我还尝试将警报放入单击函数,当我单击它时,警报工作正常,因此我认为这与加载函数有关。我的jquery库在我的页面中,因为jquery正在与其他部分一起工作。我将尝试ajax,希望它工作正常。对于我,你的代码也工作正常。您确定页面上有
#内容
?(代码所在的位置,不在servicecall.php中。
<script src="http: //ajax.googleapis.com/ajax/libs/jquery/1.8/jquery. min .js"></script> //without spaces
    $.ajax({
    url: "servicecall.php",  
    type: "GET",            
    cache: false,
    success: function (html) {  
        //place servicecall.php's content to the content div
        $('#content').html(html);   
    }       
});