Heim  >  Artikel  >  Backend-Entwicklung  >  本地调用豆瓣API

本地调用豆瓣API

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

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn