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数据如下