jQuery 的 Ajax 跨域请求

2018-01-18  本文已影响236人  SingleDiego

假设我现在在一个独立的 HTML 文件上用 jQuery 请求一个公网上的 api,(这里我用豆瓣读书的 api 为例:https://api.douban.com/v2/book/1220562

首先我们尝试这样:

$.ajax({
        type: "GET",
        url: "https://api.douban.com/v2/book/1220562",
        success: function(ret) {
          alert(ret['title'])
        },
    })

发现请求成功,但是没有返回的数据。

经过搜索后发现要加上这两项:

dataType: "jsonp",
jsonp: "callback",

改动后:

$.ajax({
        type: "GET",
        url: "https://api.douban.com/v2/book/1220562",
        dataType: "jsonp",
        jsonp: "callback",
        success: function(ret) {
          alert(ret['title'])
        },
    })

现在就能打印出豆瓣 api 返回的数据。

上一篇 下一篇

猜你喜欢

热点阅读