jQuery $.ajax()， $。post发送“OPTIONS”作为Firefox中的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输出的图片:

当前回答

我已经有这段代码处理好我的cors情况在php:

header( 'Access-Control-Allow-Origin: '.CMSConfig::ALLOW_DOMAIN );
header( 'Access-Control-Allow-Headers: '.CMSConfig::ALLOW_DOMAIN );
header( 'Access-Control-Allow-Credentials: true' );

它在本地和远程都工作得很好，但在远程时就不能上传了。

apache/php或我的代码发生了一些事情，我没有费心搜索它，当你请求OPTIONS时，它返回我的头部与cors规则，但有302结果。因此，我的浏览器不能识别为可接受的情况。

我所做的，基于@Mark McDonald的回答，只是把这段代码放在我的标题后面:

if( $_SERVER['REQUEST_METHOD'] === 'OPTIONS' )
{
    header("HTTP/1.1 202 Accepted");
    exit;
}

现在，当请求OPTIONS时，它只会发送报头和202结果。

2017-03-15 15:14:35

其他回答

我有同样的问题，发送请求到谷歌地图，解决方案是相当简单的jQuery 1.5 - dataType使用dataType: "jsonp"

2011-02-10 02:40:03

你能试一下吗

contentType:应用程序/ x-www-form-urlencoded

2009-07-08 18:40:12

我们在ASP.Net上也遇到过类似的问题。我们的IIS在试图执行jQuery $时返回一个内部服务器错误。由于PageHandlerFactory被限制只响应get,HEAD, post,DEBUG动词，post来获取一些html内容。所以你可以改变这个限制添加动词OPTIONS到列表中或者选择All Verbs

你可以在你的IIS管理器中修改它，选择你的网站，然后选择处理程序映射，双击你的PageHandlerFactory *。apx文件作为您需要的(我们使用集成应用程序池与框架4.0)。点击Request Restrictions，然后转到Verbs Tabn，应用你的修改。

现在我们的$。Post请求按预期工作:)

2011-02-23 20:45:19

这篇mozilla开发人员中心的文章描述了各种跨域请求场景。这篇文章似乎表明，内容类型为“application/x-www-form-urlencoded”的POST请求应该作为“简单请求”发送(不包含“preflight”OPTIONS请求)。然而，我发现Firefox发送了OPTIONS请求，尽管我的POST是用那种内容类型发送的。

我能够通过在服务器上创建一个选项请求处理程序来实现这一点，将“Access-Control-Allow-Origin”响应头设置为“*”。你可以通过设置一些具体的内容来限制它，比如'http://someurl.com'。此外，我还读到，您可以指定一个逗号分隔的多个起源列表，但我不能让它工作。

一旦Firefox收到带有可接受的“Access-Control-Allow-Origin”值的OPTIONS请求的响应，它就会发送POST请求。

2010-05-19 13:32:49

我正在查看源代码1.3.2，当使用JSONP时，请求是通过动态构建一个SCRIPT元素发出的，它通过浏览器的同域策略。当然，您不能使用SCRIPT元素发出POST请求，浏览器将使用GET获取结果。

在请求JSONP调用时，不会生成SCRIPT元素，因为只有当AJAX调用的Type设置为GET时才会生成SCRIPT元素。

http://dev.jquery.com/ticket/4690

2009-09-22 19:51:10

jQuery $.ajax()， $。post发送“OPTIONS”作为Firefox中的REQUEST_METHOD

推荐文章

最新文章

标签