今天在使用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未定义
结果之后把getWeather定义为全局函数后可以正常使用
修改getWeather函数为
window.getWeather = function(data){
// code
}
但是使用jQuery 好像不存在这个问题啊 不知道是什么原因呢