Javascript jqueryajax没有'；t似乎正在读取Chromium中的HTML数据_Javascript_Firefox_Jquery_Chromium

Javascript jqueryajax没有'；t似乎正在读取Chromium中的HTML数据

javascript firefox jquery

Javascript jqueryajax没有'；t似乎正在读取Chromium中的HTML数据,javascript,firefox,jquery,chromium,Javascript,Firefox,Jquery,Chromium,我有一个HTML（应用程序）文件，它通过jQuery.ajax（）读取另一个HTML（数据）文件。然后，它会在数据HTML文件中找到特定的标记，并使用标记中的文本来显示各种工具提示以下是应用程序HTML文件： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmln

我有一个HTML（应用程序）文件，它通过

jQuery.ajax（）

读取另一个HTML（数据）文件。然后，它会在数据HTML文件中找到特定的标记，并使用标记中的文本来显示各种工具提示

以下是应用程序HTML文件：

<!DOCTYPE html
 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
<head>
<title>Test</title>

<style type="text/css">
<!--/* <![CDATA[ */
body {
  font-family : sans-serif;
  font-size : medium;
  margin-bottom : 5em;
}
a, a:hover, a:visited {
  text-decoration : none;
  color : #2222aa;
}
a:hover {
  background-color : #eeeeee;
}
#stat_preview {
  position : absolute;
  background : #ccc;
  border : thin solid #aaa;
  padding : 3px;
  font-family : monospace;
  height : 2.5em;
}
/* ]]> */-->
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
//<![CDATA[

$(document).ready(function() {
  $("#stat_preview").hide();

  $(".cfg_lnk").mouseover(function () {
    lnk = $(this);
    $.ajax({
      url: lnk.attr("href"),
      success: function (data) {
        console.log (data);
        $("#stat_preview").html("A heading<br>")
                          .append($(".tool_tip_text", $(data)).slice(0,3).text())
                          .css('left', (lnk.offset().left + lnk.width() + 30))
                          .css('top', (lnk.offset().top + (lnk.height()/2)))
                          .show();
      }
    });
  }).mouseout (function () {
    $("#stat_preview").hide();
  });
});

//]]>
</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<h1>Test</h1>
<ul>
  <li><a class="cfg_lnk" href="data.html">Sample data</a></li>
</ul>
<div id="stat_preview"></div>
</body>
</html>


测验
//
测验

这是数据HTML

<!DOCTYPE html
 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<h1>Test</h1>
  <table>
    <tr>
      <td class="tool_tip_text"> Some random value 1</td>
      <td class="tool_tip_text"> Some random value 2</td>
      <td class="tool_tip_text"> Some random value 3</td>
      <td class="tool_tip_text"> Some random value 4</td>
      <td class="tool_tip_text"> Some random value 5</td>
    </tr>
    <tr>
      <td class="tool_top_text"> Some random value 11</td>
      <td class="tool_top_text"> Some random value 21</td>
      <td class="tool_top_text"> Some random value 31</td>
      <td class="tool_top_text"> Some random value 41</td>
      <td class="tool_top_text"> Some random value 51</td>
    </tr>
  </table>
</body>
</html>


测验
测验
一些随机值1
一些随机值2
一些随机值3
一些随机值4
一些随机值5
一些随机值11
一些随机值21
一些随机值31
一些随机值41
一些随机值51

这在Firefox中可以正常工作，但在Chrome（Chrome 5.0.356.0）中无法正常工作

console.log（数据）

在Chromium的JavaScript控制台中显示空字符串。然而，Firefox中的Firebug显示了整个HTML数据

我错过什么了吗？有什么建议吗？

不确定答案，但我可以想到一些调查途径：

数据是一个对象（而不是字符串？）可能Chromium控制台不知道如何显示它。您可以尝试另一种输出方法来测试它，或者查看提供“dataType”设置是否有任何区别

在Chromium中是否调用了成功回调？它可能是一个bug，或者是一些浏览器安全特性（比如跨站点脚本保护，或者禁用javascript）阻止了它

使用您的代码应该生成的HTML/CSS的静态版本进行实验，并确保它在两种浏览器中都正确显示

不确定答案，但我可以想到一些调查途径：

在Chromium中是否调用了成功回调？它可能是一个bug，或者是一些浏览器安全特性（比如跨站点脚本保护，或者禁用javascript）阻止了它

使用您的代码应该生成的HTML/CSS的静态版本进行实验，并确保它在两种浏览器中都正确显示

我认为你完全同意第二点。Chromium可能正在应用导致问题的某些安全功能。我启动chromium浏览器时使用了

——禁用web安全开关，现在它的行为与我预期的一样。我认为您完全理解了第2点。Chromium可能正在应用导致问题的某些安全功能。我用--禁用web安全开关启动chromium浏览器，现在它的行为与我预期的一样。