Maison > Article > développement back-end > 本地调用豆瓣API
调用豆瓣的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: *"); # 跨域处理