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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 基础数论略讲

    基础数论略讲

    2021年9月28日
    39
  • 词法环境和变量环境_lexicalcategory

    词法环境和变量环境_lexicalcategory词法环境是一个理论上存在的对象。由什么组成?环境记录(environmentrecord)和对外部词法环境的引用。暂且认为这些来自不同地方的宝石,团结起来,暂时组成了一个新的对象。

    2022年8月6日
    12
  • java的三个开发平台分别是什么_入门金笔推荐

    java的三个开发平台分别是什么_入门金笔推荐**Java开发入门**废话不多说,我今天主要讲的是Sun公司将Java划分的三个技术平台,他们分别是JavaSe、JavaEE、JavaME,接下来针对这三个平台分别进行详细介绍。JavaSE(JavaPlatformStandardEdition)标准版,是为开发普通桌面和商务应用程序提供的解决方案。JavaSE平台包括了java最核心的部分,JavaEE和Java…

    2022年8月23日
    3
  • oracle数据库菜鸟入门

    oracle数据库菜鸟入门所有应用软件之中,数据库可能是最复杂的。MySQL的手册有3000多页,PostgreSQL的手册有2000多页,Oracle的手册更是比它们相加还要厚。但是,自己写一个最简单的数据库,做起来并不难。Reddit上面有一个帖子,只用了几百个字,就把原理讲清楚了。下面是我根据这个帖子整理的内容。一、数据以文本形式保存第一步,就是将所要保存的数据,写入文本文件。这个文本文件就是你的数据库。为了方便读取,数据必须分成记录,每一条记录的长度规定为等长。比如,假定每条记录的长度是800字节,那

    2022年8月30日
    1
  • java 线程 (一) 线程的简单使用

    java 线程 (一) 线程的简单使用大家好,从今天开始,我和大家一起来探讨java中线程的使用。线程是java知识体系中非常重要的一部分,我将写一系列的文章来详细的介绍java线程中需要掌握的知识。如果你是java线程的初学者,本系列文章你一定不要错过哦。本篇文章是java线程系列文章的第一篇文章,主要介绍进程与线程的概念和java中如何使用线程。1进程与线程1.1进程的概念首先我们先来介绍一下什么是进程。进程可以理解为一个个正在执行的应用程序,比如我们使用网易云音乐软件播放音乐,同时我们在使用WP

    2022年7月7日
    24
  • Windows下使用VisualSFM + CMVS/PMVS + MeshLab进行三维重建

    Windows下使用VisualSFM + CMVS/PMVS + MeshLab进行三维重建Windows下使用VisualSFM+CMVS/PMVS+MeshLab进行三维重建参考文档:VisualSFM和Meshlab实现三维重建过程:http://planckscale.info/tag/visualsfm/(十分感谢)数据集:三维重建数据集:http://vision.ia.ac.cn/zh/data/index.html一、简介要想了解

    2022年6月20日
    23

发表回复

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

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