欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

本地调用豆瓣API

程序员文章站 2022-05-17 21:06:12
...
调用豆瓣的API,报错
XMLHttpRequest cannot load https://api.douban.com/v2/book/search?q=%E7%94%B5%E6%9C%BA%E5%AD%A6&count=10. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://mytest' is therefore not allowed access.
刚开始学PHP,求大腿帮忙解决

页面



js

$('#go').click(function(){
        if($('input').val()==''){
            alert("请输入关键词");
        }else{
            var sq=$('input').val();
            $.ajax({
                type:"GET",
                url:"https://api.douban.com/v2/book/search",
                dataType:"json",
                data:{
                    q:sq,
                    count:10
                },
                success:function(data){
                    $.each(data.books, function(i,book) {
                        $("#showbook").append("

本地调用豆瓣API

"); }); }, }); } });

回复内容:

调用豆瓣的API,报错
XMLHttpRequest cannot load https://api.douban.com/v2/book/search?q=%E7%94%B5%E6%9C%BA%E5%AD%A6&count=10. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://mytest' is therefore not allowed access.
刚开始学PHP,求大腿帮忙解决

页面



js

$('#go').click(function(){
        if($('input').val()==''){
            alert("请输入关键词");
        }else{
            var sq=$('input').val();
            $.ajax({
                type:"GET",
                url:"https://api.douban.com/v2/book/search",
                dataType:"json",
                data:{
                    q:sq,
                    count:10
                },
                success:function(data){
                    $.each(data.books, function(i,book) {
                        $("#showbook").append("

本地调用豆瓣API

"); }); }, }); } });

刚才我搜了一下没事ajax跨域问题,具体现在我想到的就是用jsonp格式,然后在server端加上
header("Access-Control-Allow-Origin: *"); # 跨域处理

相关标签: php ajax jquery