Question

我正在尝试将我的代码转换为Mootools（我更喜欢编码范例）。

我正在进行跨域AJAX，我拥有这两个域（封闭网络）。我只是从我的服务器请求简单的JSON。我在Mootools中遇到这些错误（jQuery工作）：

Resource interpreted as Script but transferred with MIME type text/plain. Uncaught SyntaxError: Unexpected token :

var url = http://localhost:3000/

服务器：

var http = require('http'),
    json = {"hi" : false};

http.createServer(function(req, res) {
    res.writeHead(200, {'Content-Type': 'text/plain'});
    res.end(JSON.stringify(json));
}).listen(3000, function() {
    console.log("Server on " + 3000);
});

jQuery的：

$.ajax({
    url: url,
    type: "GET",
    dataType: 'json',
    success: function (data) {
    }
});

Mootools的：

var myRequest = new Request.JSONP({
    url: url,
    onComplete: function (data) {
        alert(JSON.stringify(data));
    }
});
myRequest.send();

我尝试添加这些标题无济于事。：

'Accept': 'application/json',
'Content-Type': 'application/json'

这似乎是一个客户端的事情，而不是服务器端的东西，因为它在jQuery中工作。

Answer 1

网址是什么样的？ jQuery通过向网址添加?callback=或?foo=来确定这是一个JSONP请求。 Request.JSONP使用选项callbackKey。

JSONP没有method选项（在任何库中），因为它只是注入一个脚本标记。

var myRequest = new Request.JSONP({
  url: url,
  callbackKey: 'callback'
  onComplete: function(data){}
}).send();

我有一种感觉，但是，你没有使用JSONP，而是使用带有JSON的XHR。如果是这种情况，请使用Request.JSON，而不是Request.JSONP。

修改的

因为听起来，从这个答案的评论来看，你没有使用JSONP，只需这样做：

new Request.JSON({
  url: url,
  method: 'get',
  onSuccess: function (data){
    console.log(data)
  }
}).send()

编辑2

要更改请求标头，只需将其添加为选项：

new Request.JSON({
  headers: {
    'X-Requested-With': 'XMLHttpRequest',
    'Accept': 'text/javascript, text/html, application/xml, text/xml, */*'
  },
  url: url,
  method: 'get',
  onSuccess: function (data){
    console.log(data)
  }
}).send()

Answer 2

您的代码中存在语法错误。

var myRequest = new Request.JSONP({
    url: url,
    method: 'get',
    onComplete: function(data){}
});
myRequest.send();

此外，响应应该包含回调函数，例如：http://jsfiddle.net/zalun/yVbYQ/

Answer 3

你的ajax电话应该是这样的

          $.ajax({
                type: "GET",
                url: "http://localhost:17370/SampleService.asmx/HelloWorld",
                data: "{}",
                crossDomain: true,
                contentType: "application/json; charset=utf-8",
                dataType: "jsonp",
               async:false,
                success:function(data,status){
                    alert(data);

                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert("Error Occured!" + " | " +
                    XMLHttpRequest + " | " + textStatus + " | " +
                    errorThrown);
                }
            });

你的服务器端方法不应该返回简单的字符串，它应该以jsonp格式返回响应，因为你需要关注这个博客：

http://msrtechnical.blogspot.in/

JSONP可以在jQuery中运行，但不能在mootools中运行

3 个答案: