jsonp跨域訪問
阿新 • • 發佈：2018-01-13
.cn round win con clas response api bubuko click
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"> 20window.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跨域訪問