Ajax 没有将值返回给 chrome，而是返回给 FF

Question

我是 Ajax 新手，一直在学习 JQuery.com 的教程。我已经设置了一个非常简单的脚本，当单击 h2 元素时，将调用一个 php 脚本，该脚本返回一些 xml，JQuery 使用这些 xml 替换当前的 h2 内容。以下是javascript内容：

$(document).ready(function () {

$('h2').click(function(e){
  e.preventDefault();
  var user = $(this);
  $.post("ajax.php", {id: "1"}, function(xml) {
    // format result
    var result = [
      "Thanks for rating, current average: ",
      $("average", xml).text(),
      ", number of votes: ",
      $("count", xml).text()
    ];
    // output result
    $(user).html(result.join(''));
  } );

});
});

这里是 php 脚本：

<?php 
$av = 5;
$xml = "<ratings><average>$av</average><count>$av</count></ratings>";
header('Content-type: text/xml'); 
echo $xml; 
?>

在 Firefox 中，我得到了预期： "感谢评分，当前平均：5，票数：5"

但在 Chrome 中我得到： "感谢评分，当前平均： ，票数："

如您所见，Chrome 无法识别 xml 中传回的任何内容。我在一个普通的 Dreamhost 托管帐户上运行它，我没有对服务器进行任何添加。

任何帮助将不胜感激。

问候 卢克

Answer 1

请检查 chrome 中变量xml 的内容。如果为空，请尝试设置 明确的数据类型：

$.post("ajax.php", {id: "1"}, function(xml) {
// format result
var result = [
  "Thanks for rating, current average: ",
  $("average", xml).text(),
  ", number of votes: ",
  $("count", xml).text()
];
// output result
$(user).html(result.join(''));
}, 'xml');