ajax跨域请求jsonp完整示例

ajax跨域请求jsonp完整示例最经用到jsonp(ajax)的跨域请求,在这分享给大家,有需要用到的一看就能明白。具体步骤如下:1.首先客户端即页面script中调用代码如下:        varcardNumber="***********"; $.ajax({ type:"GET", url:’你请求的服务地址?idCard=’+cardNumber, dataType:…

大家好,又见面了,我是你们的朋友全栈君。

最经用到jsonp(ajax)的跨域请求,在这分享给大家,有需要用到的一看就能明白。具体步骤如下:

1.首先客户端即页面script中调用代码如下:

        var cardNumber="***********";
    	$.ajax({
    		type:"GET",
    		url:'你请求的服务地址?idCard='+cardNumber,
    		dataType: 'jsonp',
    		jsonp: "callback",
    		data:{},
		async:true,
		error:function(XMLHttpReuqest,textStautus){
		    alert(XMLHttpRequest.status);
		    alert(textStautus);
		},
		success:function(result){
			alert("4444444");
		}
    	});

这个写法需要引用Jquery(<script src=”jquery.min.js”></script>)

这个跨域暂时只能用GET方法,post据我所知好像不支持,idCard是你的参数。

2.服务端java的写法及返回示例:

@RequestMapping(value="risk",produces = MediaType.APPLICATION_JSON_UTF8_VALUE,method = RequestMethod.GET)
public String getCredit(){
	String idCard=request.getParameter("idCard");
	String callback=request.getParameter("callback");
	System.out.println("callback==:"+callback);
	System.out.println("idCard===="+idCard);
	Map<String,Object> map=new HashMap<String, Object>();
	map.put("name", "hello word!");
	JSONObject json=JSONObject.fromObject(map);
	String str=callback+"("+json+")";
	return str;
}

记住这里的callback一定要和ajax中的jsonp的值统一,到这基本上就完成了,前端访问,后端输出如下:

ajax跨域请求jsonp完整示例

一个简单的ajax跨域请求也就完成了,有帮助到你不要忘了点击关注哦!!

我会持续更新一些小技能。。。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/149624.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 我的世界全自动刷矿机_我的世界服务器刷物资

    我的世界全自动刷矿机_我的世界服务器刷物资我的世界游戏中玩家可以操作一个建筑工人通过各种方块的摆放和破坏,来建造一个自己的世界,其中矿石的作用在游戏中是非常重要的,本次带来的我的世界刷矿机MOD就可以帮助玩家刷出的石头的同时有一定的几率变为各种矿石,助您轻松获取矿石资源!MOD功能当刷石机刷出石头后,石头有一定几率变成钻石、青金石、黄金、铁、红石矿石。使用方法MOD适用于游戏版本v1.12.2,需要Forge14.23.5.2768安装…

    2022年9月30日
    2
  • Unity 协程(Coroutine)原理与用法详解「建议收藏」

    Unity 协程(Coroutine)原理与用法详解「建议收藏」前言:协程在Unity中是一个很重要的概念,我们知道,在使用Unity进行游戏开发时,一般不考虑多线程,那么如果处理一些并发的需求呢,Unity给我们提供了协程这种方式为啥在Unity中不考虑多线程因为在Unity中,只能在主线程中获取物体的组件、方法关于协程1,什么是协程协程,从字面意义上理解就是协助程序的意思,我们在主任务进行的同时,需要一些分支任务配合工作来达到最终的效果,这就是协程的概念:举个例子,在场景加载的时候,如果你的场景很复杂,那么加载过程就有可能使得画面卡顿,我们不

    2022年6月15日
    100
  • hibernate与mybatis的区别优缺点对比

    hibernate与mybatis的区别优缺点对比现在对hibernate和mybatis做一下对比,便于大家更好的理解和学习,使自己在做项目中更加得心应手。第一方面:开发速度的对比就开发速度而言,Hibernate的真正掌握要比Mybatis来得难些。Mybatis框架相对简单很容易上手,但也相对简陋些。个人觉得要用好Mybatis还是首先要先理解好Hibernate。比起两者的开发速度,不仅仅要考虑到两者的特性及性能,更要根据项目需求去考虑究竟哪一个更适合项目开发,比如:一个项目中用到的复杂查询基本没有,就是简单的增删改查,这样选择hiberna

    2022年9月11日
    2
  • Java 基础语法

    Java 基础语法

    2021年10月6日
    43
  • Linux内核版本查看_mysql隐藏版本号

    Linux内核版本查看_mysql隐藏版本号1、使用uname命令查找Linux内核2、使用/proc/version文件查找Linux内核3、使用dmesg命令查找Linux内核版本4、使用hostnamectl命令查看Linux内核版本

    2022年10月13日
    0
  • acwing-1088旅行问题

    acwing-1088旅行问题原题链接John 打算驾驶一辆汽车周游一个环形公路。公路上总共有 n 个车站,每站都有若干升汽油(有的站可能油量为零),每升油可以让汽车行驶一千米。John 必须从某个车站出发,一直按顺时针(或逆时针)方向走遍所有的车站,并回到起点。在一开始的时候,汽车内油量为零,John 每到一个车站就把该站所有的油都带上(起点站亦是如此),行驶过程中不能出现没有油的情况。任务:判断以每个车站为起点能否按条件成功周游一周。输入格式第一行是一个整数 n,表示环形公路上的车站数;接下来 n 行,每行两个整数

    2022年8月9日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号