jsonp跨域访问
Posted Freeloop_嘉
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jsonp跨域访问相关的知识，希望对你有一定的参考价值。
javascript解决API请求时的跨域处理问题
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>JSONP实现跨域访问</title> 6 </head> 7 <body> 8 <div id="mydiv"> 9 <button id="btn">click</button> 10 </div> 11 </body> 12 <script type="text/javascript"> 13 function handleResponse(response){ 14 console.log(response); 15 var getvalue=response.data; 16 console.log(response.data.city); 17 } 18 </script> 19 <script type="text/javascript"> 20 window.onload = function() { 21 var oBtn = document.getElementById(\'btn\'); 22 oBtn.onclick = function() { 23 var script = document.createElement("script"); 24 script.src = "http://wthrcdn.etouch.cn/weather_mini?city=北京&callback=handleResponse"; 25 document.body.insertBefore(script, document.body.firstChild); 26 }; 27 28 }; 29 </script> 30 </html>
最后控制台输出返回jsonp数据如下
以上是关于jsonp跨域访问的主要内容，如果未能解决你的问题，请参考以下文章