本地调用豆瓣API

WBOY
Freigeben: 2016-06-06 20:25:12
Original
1668 Leute haben es durchsucht

调用豆瓣的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>
Nach dem Login kopieren
Nach dem Login kopieren

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>
Nach dem Login kopieren
Nach dem Login kopieren

回复内容:

调用豆瓣的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>
Nach dem Login kopieren
Nach dem Login kopieren

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>
Nach dem Login kopieren
Nach dem Login kopieren

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage