本地调用豆瓣API

WBOY
發布: 2016-06-06 20:25:12
原創
1668 人瀏覽過

调用豆瓣的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: *"); # 跨域处理

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板