10

我正在处理一些现有的代码。我有以下代码：

$.ajax({
        type: "get",
        url: url ,
        dataType: "jsonp",
        cache: "false",
        jsonpCallback: "onJSONPLoad",
        success: function(json){
               alert('hi!');
               //perform operation
        },
        error: function() {
          alert('Error occurs!');
       }
});

现在，当我通过有效时url，它工作正常。但是当我传递无效时url，它应该通过错误警报。但是脚本没有抛出任何错误警报。基本上我想验证url参数还是失败了？请帮助我找出我的代码中的错误或建议我其他方法来实现。我检查了以下链接，但无法解决我的问题：

jQuery Ajax 错误处理，显示自定义异常消息
jQuery ajax 错误函数， Ajax 成功和错误函数失败

更新： 我添加了以下代码来记录 jquery 控制台日志。

  @Override
            public boolean onConsoleMessage(ConsoleMessage cm) {
                Log.d("web chrome client", cm.message() + " -- From line "
                + cm.lineNumber() + " of "
                + cm.sourceId() );
                return true;
            }

识别出以下错误： XMLHttpRequest cannot load file:///android_asset/xxxx/new_source.json?callback=onJSONPLoad. Origin null is not allowed by Access-Control-Allow-Origin. -- From line 1 of null

添加以下代码，应用程序运行成功。

if (Build.VERSION.SDK_INT >= VERSION_CODES.JELLY_BEAN) {
  webView.getSettings().setAllowUniversalAccessFromFileURLs(true);
}

所以，基本上这是发生的，因为 url 不能被 jquery 访问。
感谢每个人帮助我。

4

4 回答 4

18

用了这个

1）替换这个： dataType：jsonp用于跨域请求，这意味着请求到不同的域和

dataType：json同域同源请求。 数据类型：“json”

2）成功功能后您缺少“，”

$.ajax({
        type: "get",
        url: url ,
        dataType: "json",
        cache: "false",
        jsonpCallback: "onJSONPLoad",
        success: function(json){
               alert('hi!');
               //perform operation
        },
        error: function() {
          alert('Error occurs!');
       }
});

3）试试这个

error: function(jqXHR, exception) {
            if (jqXHR.status === 0) {
                alert('Not connect.\n Verify Network.');
            } else if (jqXHR.status == 404) {
                alert('Requested page not found. [404]');
            } else if (jqXHR.status == 500) {
                alert('Internal Server Error [500].');
            } else if (exception === 'parsererror') {
                alert('Requested JSON parse failed.');
            } else if (exception === 'timeout') {
                alert('Time out error.');
            } else if (exception === 'abort') {
                alert('Ajax request aborted.');
            } else {
                alert('Uncaught Error.\n' + jqXHR.responseText);
            }
        }

4) 检查这个jQuery.ajax

json 类型将获取的数据文件解析为 JavaScript 对象，并将构造的对象作为结果数据返回。为此，它在浏览器支持时使用 jQuery.parseJSON()；否则它使用 Function 构造函数。格式错误的 JSON 数据将引发解析错误（有关更多信息，请参阅 json.org）。JSON 数据便于以简洁且易于 JavaScript 解析的方式传递结构化数据。如果获取的数据文件存在于远程服务器上，请指定 jsonp 类型。

jsonp 类型附加一个查询字符串参数 callback=? 到网址。服务器应在 JSON 数据前面加上回调名称，以形成有效的 JSONP 响应。我们可以使用 $.ajax() 的 jsonp 选项指定回调以外的参数名称。

注意：JSONP 是 JSON 格式的扩展，需要一些服务器端代码来检测和处理查询字符串参数。有关它的更多信息可以在详细说明其使用的原始帖子中找到。

当从远程服务器检索数据时（只能使用脚本或 jsonp 数据类型），永远不会触发错误回调和全局事件。

但你需要开火然后代码：

var req = $.ajax({
    url : url,
    dataType : "jsonp",
    timeout : 10000
});

req.success(function() {
    console.log('Yes! Success!');
});

req.error(function() {
    console.log('Oh noes!');
});
于 2013-09-25T06:05:44.383 回答
1

您在成功功能后缺少逗号，并且还将 dataType 更改为 json

$.ajax({
        type: "get",
        url: url ,
        dataType: "json",
        cache: "false",
        jsonpCallback: "onJSONPLoad",
        success: function(json){
               alert('hi!');
               //perform operation
        },
        error: function() {
          alert('Error occurs!');
       }
});
于 2013-09-25T06:04:53.027 回答
1

最近在 chrome 52（2016 年 8 月）中引入的错误也可能导致这种行为。希望它不会持续很长时间。

https://bugs.chromium.org/p/chromium/issues/detail?id=633696

它与最初的问题并不严格相关，因为它仅触发从 onSuccess 处理程序启动的 GET 请求，但我提到它是为了其他可能搜索此问题帮助的人。

于 2016-08-12T07:19:27.150 回答
0

试试这个。 

     $.ajax({
                type: "get",
                url: url ,
                dataType: "jsonp",
                cache: "false",
                jsonpCallback: "onJSONPLoad",
                success: function(result){
                       alert('hi!');
                       //perform operation
                },    
               error: function( req, status, err ) {
                 console.log( 'something went wrong', status, err );
                 alert('something went wrong'+ status + err); 
               } 
      });

也读这个。 http://api.jquery.com/jQuery.getJSON/#entry-examples

并尝试 $.getJSON()代替$.ajax()

于 2013-09-25T06:15:51.337 回答