Home  >  Article  >  Backend Development  >  本地调用豆瓣API

本地调用豆瓣API

WBOY
WBOYOriginal
2016-06-06 20:25:121629browse

调用豆瓣的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,求大腿帮忙解决

页面

<code><input type="text">
<button id="go">搜索</button>
<hr>
<div id="showbook"></div></code>

js

<code>$('#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("<p><img  src="%22%20+book.image+%20%22" alt="本地调用豆瓣API" ></p>");
                    });
                },
            });
        }
        
    });</code>

回复内容:

调用豆瓣的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,求大腿帮忙解决

页面

<code><input type="text">
<button id="go">搜索</button>
<hr>
<div id="showbook"></div></code>

js

<code>$('#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("<p><img  src="%22%20+book.image+%20%22" alt="本地调用豆瓣API" ></p>");
                    });
                },
            });
        }
        
    });</code>

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

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn