jQuery$.ajax()，$.post在Firefox中发送“选项”作为请求_方法

Question

jQuery$.ajax()，$.post在Firefox中发送“选项”作为请求_方法

我认为一个相对简单的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服务器上总是“选项”，$_POST数据不会出现。Apache将请求记录为“选项”类型：

::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输出的图片：

Answer 1

错误的原因是相同的起源策略。它只允许您对自己的域执行XMLHTTPRequest。看看是否可以使用JSONP相反，回调：$.getJSON(&nbsp;'http://<url>/api.php?callback=?',&nbsp;function&nbsp;(&nbsp;data&nbsp;)&nbsp;{&nbsp;alert&nbsp;(&nbsp;data&nbsp;);&nbsp;}&nbsp;);

Answer 2

我在Django端使用了以下代码来解释选项请求并设置所需的访问控制头。在此之后，我来自Firefox的跨域请求开始工作。如前所述，浏览器首先发送选项请求，然后立即发送POST/GETdef&nbsp;send_data(request): &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;request.method&nbsp;==&nbsp;"OPTIONS":&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;response&nbsp;=&nbsp;HttpResponse() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;response['Access-Control-Allow-Origin']&nbsp;=&nbsp;'*' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;response['Access-Control-Allow-Methods']&nbsp;=&nbsp;'POST,&nbsp;GET,&nbsp;OPTIONS' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;response['Access-Control-Max-Age']&nbsp;=&nbsp;1000 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#&nbsp;note&nbsp;that&nbsp;'*'&nbsp;is&nbsp;not&nbsp;valid&nbsp;for&nbsp;Access-Control-Allow-Headers &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;response['Access-Control-Allow-Headers']&nbsp;=&nbsp;'origin,&nbsp;x-csrftoken,&nbsp;content-type,&nbsp;accept' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;response&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;request.method&nbsp;==&nbsp;"POST": &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#&nbsp;...编辑：至少在某些情况下，您还需要在实际响应中添加相同的访问控制头。这可能有点混乱，因为请求似乎成功了，但是Firefox没有将响应的内容传递给Javascript。