4

我有这个 MooTools 代码：

new Request.JSON({
  method: 'POST',
  url: URL, /*URL TO ANOTHER DOMAIN*/
  onSuccess: function(r){
    callback(r);
  }
}).post(data);

并且此代码不发送 POST 请求（仅限 OPTIONS）...查看下面的代码（效果很好）：

var http = null,
  params = Object.toQueryString(data);
try {
  http = new XMLHttpRequest();
} catch (e) {
  try {
    http = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    try {
      http = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e) {
      http = null;
      alert("Your browser does not support AJAX!");
    }
  }
}
var url = URL;
http.onreadystatechange = function () {
  if (http.readyState == 4 && http.status == 200) {
    var jsonData = JSON.parse(http.responseText); /*OR EVAL*/
    callback(jsonData);
  }
};
http.open("POST", url);
http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
http.send(params);

编辑：

试过了：.setHeader('Content-Type','application/x-www-form-urlencoded');
还是没有……哪里有问题？

谢谢！

4

2 回答 2

8

这是因为 MooTools 将一些额外的东西与请求标头捆绑在一起。

例如。如果您的 htaccess 说：

Header set Access-Control-Allow-Origin: *

你需要像这样制作你的请求：

var foo = new Request({
    url: 'http://fragged.org/Epitome/example/data/',
    method: 'get',
    onComplete: function (data) {
        // returns an object with name and surname  
        new Element('div[html="{name} {surname}"]'.substitute(JSON.decode(data))).inject(document.body);
    }
});

// need to remove that or CORS will need to match it specifically
delete foo.headers['X-Requested-With'];
foo.send();

这就是为什么您只在飞行前看到 OPTIONS。它不喜欢你:)

您可以将 更改.htaccess为也 match X-Requested-With，这可能是一些额外的“安全性”。

有关工作示例，请参见http://jsfiddle.net/7zUSu/1/ - 我不久前就这样做了，当时我想将此更改为 Request https://github.com/mootools/mootools-core/issues/2381固定的。

于 2013-09-04T07:21:56.593 回答
0

你是什​​么意思（仅限选项）？两个示例都发送 POST 请求，唯一的区别在于 Accept 请求标头。

MooTools 发送Accept: application/json，而本机发送Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8。

这可能会影响服务器的响应方式。

于 2013-08-31T20:28:15.257 回答