jQuery ajax 失败答案

【问题标题】：jQuery ajax failjQuery ajax 失败
【发布时间】：2015-07-25 22:22:24
【问题描述】：

var url = 'http://localhost:3000/categories/?callback=?';

    $.ajax({
        type: 'GET',
        url: url,
        jsonpCallback: 'jsonCallback',
        contentType: "application/json",
        cache: true,
        dataType: 'jsonp',
        success: function(data) {
           console.log(data);
        },
        error: function(e) {
           console.log(e);
        }
    });

并且控制台记录错误：

index.html:25 Object {readyState: 4, getResponseHeader: function, getAllResponseHeaders: function, setRequestHeader: function, overrideMimeType: function...}abort: function (a){var b=a||u;return c&&c.abort (b),x(0,b),this}always: function (){return e.done(arguments).fail(arguments),this}complete: function (){if(h){var c=h.长度;!function g(b){n.each(b,function(b,c){var d=n.type(c);"function"===d?a.unique&&k.has(c)|| h.push(c):c&&c.length&&"string"!==d&&g(c)})}(参数),d?f=h.length:b&&(e=c,j(b))}返回这个}完成：function (){if(h){var c=h.length;!function g(b){n.each(b,function(b,c){var d=n.type(c);"function "===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&g(c)})}(参数),d?f=h.length :b&&(e=c,j(b))}return this}error: function (){if(h){var c=h.length;!function g(b){n.each(b,function(b) ,c){var d=n.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&g( c)})}(参数),d?f=h.length:b&&(e=c,j(b))}return this}fail: function (){if(h){var c=h.length ;!function g(b){n.each(b,function(b,c){var d=n.type(c);"function"===d?a.unique&&k.has(c)||h .push(c):c&&c.length&&"string"!==d&&g(c)})}(参数),d?f=h.length:b&&(e=c,j(b))}return this}getAllResponseHeaders : function (){return 2===t?e:null}getResponseHeader: function (a){var b;if(2===t){if(!f){f={};while(b= gb.exec(e))f[b[1].toLowerCase()]=b[2]}b=f[a.toLowerCase()]}return null==b?null:b}overrideMimeType：函数（a ){return t||(k.mimeType=a),this}pipe: function (){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){ var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)? a.promise().done(c.resolve).fail(c.reject).progress(c.notify):cf[0]+"With"})}),a=null}).promise()}进度：function (){if(h){var c=h.length;!function g(b){n.each(b,function(b,c){var d=n.type(c);"function "===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&g(c)})}(参数),d?f=h.length :b&&(e=c,j(b))}return this}promise: function (a){return null!=a?n.extend(a,d):d}readyState: 4setRequestHeader: function (a,b){var c=a.toLowerCase();return t||(a=s[c]=s[ c]||a,r[a]=b),this}state: function (){return c}status: 200statusCode: function (a){var b;if(a)if(2>t)for(b在 a)q[b]=[q[b],a[b]];else v.always(a[v.status]);return this}statusText: "load"success: function (){if(h ){var c=h.length;!function g(b){n.each(b,function(b,c){var d=n.type(c);"function"===d?a.unique&&k .has(c)||h.push(c):c&&c.length&&"string"!==d&&g(c)})}(参数),d?f=h.length:b&&(e=c,j( b))}return this}then: function (){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[ b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().done(c .resolve).fail(c.reject).progress(c.notify):cf[0]+"With"})}),a=null}).promise()}proto：对象

任何想法我做错了什么？

【问题讨论】：

看起来您正在记录 XHR 对象，而不是错误？
你不需要自己将回调参数添加到 URL 中，你当然不希望 URL 本身中有 2 个?：var url = 'http://localhost:3000/categories/';
我将我的快速服务器更改为将 jsonp 'res.json()' 中的数据发送到 'res.jsonp()' 并且它现在可以工作了。问题不在于 ajax 调用本身。

标签： javascript jquery ajax get

【解决方案1】：

试试这个。希望问题可能出在contentType: "application/json", dataType: 'jsonp'

    var url = 'http://localhost:3000/categories/?callback=?';

    $.ajax({
        type: 'GET',
        url: url,
        success: function(data) {
           console.log(data);
        },
        error: function(e) {
           console.log(e);
        }
    });

【讨论】：

【解决方案2】：

你能试着改变这行吗..

cache: false, // we do not need any browser posibble caches here..
success: callback, 
// remove this line: jsonpCallback: 'jsonCallback',

并在 url 中丢弃 ?callback

【讨论】：