关于使用Jsonp做跨域请求

时间：2023-07-21 13:47:16

今天在使用Jsonp做跨域请求的练习时碰上这样一个问题

代码如下

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

 <title>Weather Forcast</title>

 <meta name="description" content="">

 <meta name="keywords" content="">

 <link href="" rel="stylesheet">

 <script>

     window.onload = function(){

         var oHead = document.getElementsByTagName('head')[0];

         var script =document.createElement("script");

             script.src = 'http://api.jirengu.com/weather.php?callback=getWeather';

         oHead.appendChild(script);

         oHead.removeChild(script);

         function getWeather (data){

                        alert(data.date);

         }

     }

 </script>

 </head>

 <body>

 </body>

 </html>

控制台显示getWeather未定义 关于使用Jsonp做跨域请求

结果之后把getWeather定义为全局函数后可以正常使用

修改getWeather函数为

window.getWeather = function(data){

     // code

}

但是使用jQuery 好像不存在这个问题啊 不知道是什么原因呢

相关文章