jQuery .load()方法不工作w/ CMS文章

jQuery .load() method not working w/ CMS articles

本文关键字：CMS 文章 工作 load 方法 jQuery      更新时间：2023-09-26

我正在构建一个小部件，当用户将鼠标移到特定菜单选项上时，它将显示来自站点(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文章的数据，需要一个静态文件，还是我只是以错误的方式处理事情?

您遇到了同源策略施加的限制。简而言之，对不同域的AJAX调用是被禁止的，并且总是会失败。

您需要使用JSONP(主要适用于api返回的数据)或通过您自己的服务器/域代理请求。

相关文章：