標籤：前台 失敗 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資料
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
