美文网首页
jQuery 的 Ajax 跨域请求

jQuery 的 Ajax 跨域请求

作者: SingleDiego | 来源:发表于2018-01-18 10:40 被阅读236次

假设我现在在一个独立的 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 返回的数据。

相关文章

网友评论

      本文标题:jQuery 的 Ajax 跨域请求

      本文链接:https://www.haomeiwen.com/subject/ljvioxtx.html