Javascript AjaxContent无法在任何浏览器中加载。_Javascript_Jquery_Html_Ajax

Javascript AjaxContent无法在任何浏览器中加载。

javascript jquery html ajax

Javascript AjaxContent无法在任何浏览器中加载。,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,为什么我的Ajax内容没有加载？在我创建文本文件和ajax函数之前，它已经工作了。现在它不能在Chrome或Firefox中加载。我做错了什么 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>My website</title> <script src="

为什么我的Ajax内容没有加载？在我创建文本文件和ajax函数之前，它已经工作了。现在它不能在Chrome或Firefox中加载。我做错了什么

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>My website</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript">
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css">

function ajax(url) {
    $("#ajaxContent").load(url);
}

$(document).ready(function() {
    ajax('Aboutus.txt');
});
</script>
</head>
<body>
<div class="wrapper">
<header>
<nav>
<ul>
<li><a href onClick="ajax('Aboutus.txt')">About us</a></li>
<li><a href onClick="ajax('Menu.txt')">Menu</a></li>
<li><a href onClick="ajax('Menu.txt')">Events</a></li>
<li><a href onClick="ajax('Menu.txt')">Gallery</a></li>
<li><a href onClick="ajax('Menu.txt')">Booking</a></li>
<li><a href onClick="ajax('Menu.txt')">Shop</a></li>
<li><a href onClick="ajax('Menu.txt')">Contacts</a></li>
</ul>
</nav>
</header>
<article id="ajaxContent"></article>
<footer>
&copy; 2016
</footer>
</div><!-- .wrapper -->
</body>
</html>

确保已安装web服务器IIS或Apache并提供文件服务。混合协议永远不会给你想要的结果

您正在通过http或https协议加载所有资产。您需要通过http加载所有html文件和css文件，这需要一个web服务器

查看一下

您在console中是否遇到任何错误，例如404？以及为什么在其中有一个标记…？链接只是库。在Dreamweaver上，它看起来很好，但当我在任何浏览器中打开文件时，都不会拉伸以显示内容。您是否通过IIS或WAMP之类的服务器加载html文件？如果通过本地文件系统加载ajax调用，则它们无法工作