JavaScript ajax 调用有道翻译api？

Question

ajax调用有道翻译api的时候控制台返回的信息如下：点开url后的json：ajax代码：$.ajax({    url: 'http://openapi.youdao.com/api',    type: 'get',    dataType: 'jsonp',    data: {        q: query,        appKey: appKey,        salt: salt,        from: from,        to: to,        sign: sign    },    success: function (data) {        document.write(data.basic.explains);    } });为什么这个data.basic.explains输出不到前端？这样算是调用成功了么== 这段代码是百度翻译api JavaScript的示例代码改的。小白还不太懂这是什么原因。

Answer 1

首先，建议不要使用 success，改用 jQuery Promise 的 .done() 回调，举例

$.ajax(settings)

    .done(function(data) {

        document.write(data.basic.explains);

    });

然后，JSONP 方式需要指定一些 JSONP 的参数，具体如何指定要看 API 提供方如何调用回调函数，相关参数名称是 jsonp 和 jsonpCallback，可以在jQuery Ajax 文档中找到详细说明。

但是一般提供 API 的可能都是以 JSON 或者 XML 或者 Plain 方式提供，很少会以 JSONP 方式提供的，这一点建议你去看看有道 SDK 的说明。

最后就是你不知道调用是否成功，可以对 ajax 返回的 jqXHR(Promise) 使用 .done() 回调和 .fail() 来回添加一些日志来观察，比如

$.ajax(settings)

    .done(function(data) {

        document.write(data.basic.explains);

    })

    .done(function(data) {

        console.log("got data:", data);

    })

    .fail(function() {

        console.log("error:", arguments);

    });

这样可以在控制台看到调用结果是否成功，以及成功获得的数据和失败相关的信息。