您的位置：首页 > Web前端 > JavaScript

jsonp不同的请求方式

2016-12-15 13:58 295 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src = "jquery-1.11.2.js"></script>
</head>
<body>
<script type="text/javascript">
function abc(data){    //回调函数 名称要与url的_jsonp一致
console.log(data);
}
</script>

<!-- 直接的方法，写一个script标签 直接请求数据 -->
<!-- <script type="text/javascript" src="jsonp.php?_jsonp=abc"></script> -->

<input type="button" value="获取数据" id="btn">
<script type="text/javascript">
//jquery创建一个script标签之后请求url
// $("#btn").on("click",function() {
// 	$("<script />",{
// 		id : "newID",
// 		src : "http://cdn.weather.hao.360.cn/api_weather_info.php?app=hao360&_jsonp=abc"
// 	}).appendTo($("body"));
// })

//ajax请求jsonp url
$.ajax({
type : "get",
async : false,
url : "http://cdn.weather.hao.360.cn/api_weather_info.php?app=hao360",
dataType : "jsonp",
jsonp : "_jsonp",
jsonpCallback : "abc",
success : function(data) {
console.log(data);
},
error : function () {
alert("fail");
}
})
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航