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>
效果: