jsonp不同的请求方式

最新推荐文章于 2024-06-20 20:55:24 发布

QQ767574478

最新推荐文章于 2024-06-20 20:55:24 发布

阅读量968

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/chen892446383/article/details/53669618

版权

web前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

QQ767574478

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jsonp不同的请求方式

Document function abc(data){ //回调函数名称要与url的_jsonp一致 console.log(data); } --> //jquery创建一个script标签之后请求url // $("#btn").on("click",function() { // $("",{ // id
复制链接

扫一扫