jQuery $.ajax(), $.post 在 Firefox 中发送“OPTIONS”作为 REQUEST_METHOD

在我认为相对简单的 jQuery 插件上遇到了麻烦......

该插件应该通过 ajax 从 php 脚本获取数据，以将选项添加到<select>。 ajax 请求非常通用：

$.ajax({
  url: o.url,
  type: 'post',
  contentType: "application/x-www-form-urlencoded",
  data: '{"method":"getStates", "program":"EXPLORE"}',
  success: function (data, status) {
    console.log("Success!!");
    console.log(data);
    console.log(status);
  },
  error: function (xhr, desc, err) {
    console.log(xhr);
    console.log("Desc: " + desc + "\nErr:" + err);
  }
});

这在 Safari 中似乎运行良好。在 Firefox 3.5 中，REQUEST_TYPE服务器上始终为“OPTIONS”，并且不会出现 $_POST 数据。 Apache 将请求记录为“OPTIONS”类型：

::1 - - [08/Jul/2009:11:43:27 -0500] "OPTIONS sitecodes.php HTTP/1.1" 200 46

为什么这个 ajax 调用可以在 Safari 中工作，但不能在 Firefox 中工作，如何在 Firefox 中修复它？

Response Headers
Date: Wed, 08 Jul 2009 21:22:17 GMT
Server:Apache/2.0.59 (Unix) PHP/5.2.6 DAV/2
X-Powered-By: PHP/5.2.6
Content-Length  46
Keep-Alive  timeout=15, max=100
Connection  Keep-Alive
Content-Type    text/html

Request Headers
Host    orderform:8888
User-Agent  Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1) Gecko/20090624 Firefox/3.5
Accept  text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language en-us,en;q=0.5
Accept-Encoding gzip,deflate
Accept-Charset  ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive  300
Connection  keep-alive
Origin  http://ux.inetu.act.org
Access-Control-Request-Method   POST
Access-Control-Request-Headers  x-requested-with
  

这是 Firebug 输出的图片：

错误原因是同源策略。它只允许您对自己的域执行 XMLHTTPRequest。看看是否可以使用JSONP http://en.wikipedia.org/wiki/JSONP回调改为：

$.getJSON( 'http://<url>/api.php?callback=?', function ( data ) { alert ( data ); } );