我正在尝试使用 ajax 在我的 index.html 中加载一些页面,但是在我尝试刷新 index.html 成功加载 ajax 内容之后,它会显示 index.html 页面内容,然后我需要单击链接以再次加载 ajax .
这就是我想要做的
<!-- Loading Content -->
<script type="text/javascript">
function load_pages(url) {
$('#project').html('<p><img src="../images/loader/ajax-loader1.gif" width="100" height="19" style="margin: 30% auto 0px 30%;"/></p>');
/*$('#product-content').load(url);*/
/*setTimeout(2000);*//*For Checking loading image*/
$('#project').load(url, "",
function(responseText, textStatus, XMLHttpRequest) {
if (textStatus === 'error') {
$('#project').html('<p style="margin: 30% auto 0 30%;">Unable to load the content...</p>');
}
}
);
}
</script>
<!-- Loading Content End -->
<a href="javascript:void 0" onclick="load_pages('project-1/location.html');">Location</a></li>
这是我的问题视频