jQuery .load() 方法不适用于 CMS 文章
我正在构建一个小部件,当用户将鼠标悬停在特定菜单选项上时,它会显示来自网站(Joomla)不同部分的信息。根据我所看到的行为,在我看来,这种方法不适用于 CMS 文章之类的内容,因为我总是收到空的内容(请参阅:http://cl.ly/1k3n151n3o0d1f2A1e3k)响应。
下面的代码工作得很好,并且完全按照我想要的方式引用静态文件:
<!DOCTYPE html>
<html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="UTF-8">
<title>Div/Scraping Testing</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="http://scripts.dri.edu/Other/modernizr.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#wifi").mouseover(function()
{
$("#show").load('wifi.php #wifi');
$("#show").show();
});
$("#wifi").mouseout(function()
{
$("#show").hide();
})
});
</script>
</head>
<body>
<div id="container">
<header>
</header>
<div id="main" role="main">
<div id="nav">
<center>
<a href="wireless.php" id="wifi">WiFi</a> || <a href="#">Test</a>
</center>
</div>
<div id="show" style="display:none;">
<center><h3>Wireless Info.</h3></center>
</div>
</div>
<footer>
</footer>
</div>
</body>
</html>
正如您所期望的那样,div w/ ID =“wifi”内的数据显示在我的“show”div中。当我将 JavaScript 更改为以下内容时:
$("#show").load('http://cmsurl.com/is/is-network-access/22-wireless-access/ #wifi');
我从上面链接到的图片中得到空响应。这是否只是 .load() 方法的限制,因为它无法解析 CMS 文章中的数据并且需要静态文件,或者我只是以错误的方式处理事情?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
![扫码二维码加入Web技术交流群](/public/img/jiaqun_03.jpg)
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您遇到了同源政策施加的限制。简而言之,禁止对不同域的 AJAX 调用,并且始终会失败。
您需要使用 JSONP (主要适用于 API 返回的数据)或 通过您自己的服务器/域代理请求。
You're running into restrictions imposed by the Same Origin Policy. In short, AJAX calls to a different domain are prohibited and will always fail.
You need to either use JSONP (mostly applicable to data returned by APIs) or proxy the request through your own server/domain.