Question

代码段来自名为“sites-catchup.html”的页面。有一个名为“max-change-num-ajax.html”的简单服务器端页面，它返回一个数字（没有任何html）。

如果通过调用http://tiddy:8080/rsm/sites-catchup.html请求页面，则一切正常。

但是，如果我调用http://localhost:8080/rsm/sites-catchup.html页面渲染正常，但ajax位总是失败。 Tiddy和localhost有不同的IP地址，但指向同一台机器。如果我切换它们以便“sites-catchup.html”从localhost加载，但是我从tiddy请求页面，那么它也不起作用。

如果加载更改为localhost并且我请求localhost，那么它可以正常工作。

查看Firebug，当主机名相同时，加载执行返回正确值的GET请求，但如果主机名不同，则加载执行OPTIONS命令，该命令始终不返回任何内容。

这样做的最终目的是在一个表格中，每一行都有一个从另一台机器中取出的状态，因此它永远不会与您请求该页面的主机相匹配。

似乎无法找到发生这种情况的原因或如何解决问题。有人可以帮忙吗？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<HEAD>
<link type="text/css" href="js/jquery/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery/jquery-ui-1.7.2.custom.js"></script>
<!--[if gte IE 5.5]>
<SCRIPT language="JavaScript" src="js/jquery.ienav.js" type="text/javascript"></SCRIPT>
<![endif]-->
</HEAD>

<div id="rsmmax1">Fetching1...</div>

<script type="text/JavaScript">
$(document).ready(function() {
   $("#rsmmax1").load("http://tiddy:8080/rsm/max-change-num-ajax.html");
});
</script> 


</BODY>
</HTML>

Answer 1

这是设计的。出于安全原因，您cannot perform cross domain AJAX请求。您可以使用JSONP。另一个选择是use a proxy。

当主机名不同时，jquery加载中断

1 个答案: