本地调用豆瓣API-php教程-PHP中文网

本地调用豆瓣API

php中文网

发布： 2016-06-06 20:25:12

原创

2238人浏览过

调用豆瓣的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点击文本框内容互换代码

一款比较简单的js点击文本框内容互换代码，点击中间的切换按钮，城市内容对调互换，除了地点互换，当然还可以用作其它方面。

查看详情

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

登录后复制

$('#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>@@##@@</p>");
                    });
                },
            });
        }
        
    });

登录后复制

回复内容：

页面

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

登录后复制

$('#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>@@##@@</p>");
                    });
                },
            });
        }
        
    });

登录后复制

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