码迷,mamicode.com
首页 > Web开发 > 详细

ajax跨域请求获取jsonp数据

时间:2016-11-02 14:35:13      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:前台   失败   callback   load   java   name   code   result   htm   

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="jquery.js"></script>
<script type="text/javascript">
function getIntface(){
//?cityname=北京&key=e4bc21879a649b8db8ed5a6ed81e3610&dtype=json
$.ajax({
type : "get",
async:false,
url:"http://op.juhe.cn/onebox/weather/query",
data:{"cityname":"北京","key":"e4bc21879a649b8db8ed5a6ed81e3610","dtype":"json"},
dataType : "jsonp",
jsonp: "jsoncallback",
jsonpCallback:"success_jsonpCallback",
success : function(json){
alert(json);
}
});
}
function getIntface2(){
var url = "http://op.juhe.cn/onebox/weather/query";
var data = {"cityname":"北京","key":"e4bc21879a649b8db8ed5a6ed81e3610","dtype":"json"};
$.ajax({
type : "get",
async : false, //同步请求
url : url,
data : data,
dataType : "jsonp", //跨域请求需要使用jsonp
contentType: "application/x-www-form-urlencoded; charset=utf-8",
timeout:1000,
success:function(json){
alert(json.reason); //请求成功前台给出提示
alert(json.result.data.realtime.city_code);
},
error: function() {
alert("失败!");
}
});
}
</script>
</head>
<body>
<input type="submit" value=‘load‘ onclick="getIntface()">
<input type="submit" value=‘load‘ onclick="getIntface2()">


</body>
</html>

ajax跨域请求获取jsonp数据

标签:前台   失败   callback   load   java   name   code   result   htm   

原文地址:http://www.cnblogs.com/milude0161/p/6022592.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!