jquery ajax 调用不工作？！火狐还是xss的问题？

Question

我的问题是：在 Firefox 中我没有得到回应。在即它工作正常。 我想要一个本地脚本的 ajax 调用，以纯文本或其他方式获取一些信息。但它不会工作。我认为此时跨脚本编写应该不是问题？

javascript代码很简单：

var targetUrl = "http://localhost/jQueryProxy.php";
var parameters = ""; // later

$.ajax({    
  type: "GET",
  async: true,
  url: targetUrl,
  data: parameters,
  success: function(param1, param2){
    alert(param1);
  }
});

还有 php 代码：

<?php
   header('Content-type: text/xml'));
   echo "test";
?>

Answer 1

试试var targetUrl = "/jQueryProxy.php";
此外，您可以检查 Firefox 的 javascript 控制台以查找错误：Ctrl+Shift+J

您也可以尝试通过添加处理程序(source) 来查找 jQuery 的 Ajax 错误消息：

error:function (xhr, ajaxOptions, thrownError){
    alert(xhr.status);
    alert(xhr.statusText);
    alert(thrownError);
 }  

更新：我做了一些测试，似乎 Firefox 阻止了 Ajax 从本地文件到网络（同样是 localhost），但没有抛出异常。在success 使用alert($('*', param1).text()); 显示当前文档的内容，很奇怪。
将 XML 作为本地文件也不起作用，FF 和 IE 的行为不一致 - 它们的行为非常不同。
您最好的选择是将 html 放在服务器 (localhost) 上，与您的 xml 文件位于同一端口（此处为 80）。
此外，当您的 xml 有效时，请考虑添加 dataType:'xml'。

Answer 2

这是因为内容类型是text/xml，但它不是有效的 XML。

如果您希望它是 XML，请将 echo 更改为：

<?xml version="1.0" encoding="UTF-8"?>
<foo>test</foo>

Answer 3

这是一个 XSS 问题。通常，本地 html 页面比公共 html 页面更沙盒化。

Answer 4

这似乎适用于 FF：

var targetUrl = "http://localhost/jQueryProxy.php";
var parameters = ""; // later

$.ajax({    
  type: "GET",
  async: true,
  url: targetUrl,
  data: parameters,
  success: function(param1, param2){
    alert($(param1).find("foo").text());
  }
});

而 php 看起来是这样的：

<?php
   header('Content-type: text/xml');
   echo '<?xml version="1.0" encoding="UTF-8"?><foo>test</foo>';
?>

最好的问候，

比约恩