美文网首页
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