Question

在您说另一篇文章（jQuery $.ajax(), $.post sending "OPTIONS" as REQUEST_METHOD in Firefox）之前，是的，它根本没有帮助，所以..

我正在使用Chrome开发最新版本，当我尝试将文件发送到这样的远程视频转换器服务的API时，它可以工作（一切都在coffeescript中）让我们调用此代码1：

  json_string = getNewSignedParams()

  xhr = new XMLHttpRequest
  xhr.open('POST', some_url, true)
  xhr.setRequestHeader("Cache-Control", "no-cache")
  xhr.setRequestHeader("Content-Type", "application/octet-stream")
  xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest")
  xhr.setRequestHeader("X-File-Name", some_file.name || some_file.fileName)
  xhr.setRequestHeader("X-Query-Params", json_string)

  xhr.send some_file

以上返回200并且正常工作。但是我在页面上有jQuery，所以我想我会使用它，所以我有上面这样的jQuery版本。我们称之为代码2：

  $.ajax
    url:  some_url
    type: 'post'
    data: some_file
    processData: false 
    beforeSend: (xhr) ->
      xhr.setRequestHeader("Cache-Control", "no-cache")
      xhr.setRequestHeader("Content-Type", "application/octet-stream")
      xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest")
      xhr.setRequestHeader("X-File-Name", some_file.name || some_file.fileName)
      xhr.setRequestHeader("X-Query-Params", json_string)
    success: ->
      console.log 'success'

我得到400（错误请求），说Access-Control-Allow-Origin不允许原始http://127.0.0.1:3000。

但是得到这个，如果我取消注释代码1并注释掉代码2并刷新页面并上传文件，这将成功，并注释掉代码1并取消注释代码2并刷新页面并上传文件，现在代码2不会抛出400 Bad request错误!!

但是，如果我关闭整个浏览器，并加载使用代码2的页面，无论我尝试多少次，上传文件都会给我400错误。然后，如果我执行上一段描述的内容，代码2将起作用！

还有一件事，Chrome控制台中的网络日志说我用代码2发出的请求有“OPTIONS”作为请求方法。而在代码1中，请求方法是“POST”

有谁知道这里发生了什么？

Answer 1

这似乎是一个跨站点脚本问题：url可能实际上是问题所在。该URL可能与发出请求的脚本位于不同的主机上。浏览器出于安全原因不允许这样做。

请求方法是OPTIONS而不是post（现有的StackExchange帖子没有帮助）

1 个答案: