jQuery Ajax获取JSONP

最新推荐文章于 2025-06-29 11:10:32 发布

原创最新推荐文章于 2025-06-29 11:10:32 发布 · 248 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ajax

ajax 同时被 2 个专栏收录

3 篇文章

订阅专栏

jquery

2 篇文章

订阅专栏

本文介绍三种实现跨域请求的方法：直接使用script外部引入方式、使用jQuery的getJOSN方式和使用jQuery的ajax方式，详细解释了每种方法的实现过程及效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、直接使用script外部引入方式（页面加载的时候执行请求，会阻塞页面渲染）

<script type="text/javascript">
	function callbackf(data){
		console.log("callbackf="+JSON.stringify(data));
	}
</script>
<script type="text/javascript" src="${basePath}/alarmAction/testJsonp?callback=callbackf"></script>

效果：

2、使用jQuery的getJOSN方式（异步）

<script type="text/javascript">
	
	function testJsonp(data){
		console.log("testJson="+JSON.stringify(data));
	}
	$.getJSON(location.path+"alarmAction/testJsonp?callback=?",testJsonp);
	
</script>

效果：

3、使用jQuery得ajax方式（异步）

<script type="text/javascript">

	$.ajax({
		url: location.path+"/alarmAction/testJsonp",
		dataType: 'jsonp',
		jsonp: "callback2",// 如果不设置默认使用callback做参数名
		jsonpCallback: "test",// 如果不设置，默认jquery自动生成jQueryxxx_1564124117037
		success: function(data){
			console.log("$.ajax="+JSON.stringify(data));
		}
	});

</script>