ajax跨域请求jsonp完整示例

我就是我 2022-05-23 07:49 280阅读 0赞

最经用到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的值统一，到这基本上就完成了，前端访问，后端输出如下：

![70][]

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

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

[70]: /images/20220523/9e4cb14a2bbe464aa0ddaa2a6f429a12.png

发表评论取消回复

表情：

评论列表（有 0 条评论，280人围观）

还没有评论，来说两句吧...

相关阅读

相关 JSONP跨域请求简单示例

js： //发送请求 $.ajax({ type: "GET", //GET和

谁借莪１个温暖的怀抱￠/ 2023年05月31日 04:57/ 0 赞/ 9 阅读

相关 JsonP跨域请求

我们在通过自己的页面或程序通过ajax请求其它网站或服务时，会存在一个ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是

Love The Way You Lie/ 2022年09月24日 14:28/ 0 赞/ 341 阅读

相关 ajax jsonp跨域访问,跨域请求之jQuery的ajax jsonp的使用解惑

直接执行了error方法提示错误——ajax jsonp之前并没有用过，对其的理解为跟普通的ajax请求差不多，没有深入了解；出现了这种错误，几经调试(检查后台的代码和js部分

柔情只为你懂/ 2022年09月03日 06:18/ 0 赞/ 215 阅读

相关 ajax+jsonp+php 实现跨域请求

前端 html代码 <li>北京</li> js代码 $("li").click(function()\{ var area = $(this).text(

痛定思痛。/ 2022年08月22日 00:26/ 0 赞/ 256 阅读

相关 10、JSONP实现Ajax的跨域请求

1、什么是跨域协议名称和端口号不一样。 2、跨域请求的实现一般方法 1.1 通过代理的方式在Java代码里面，去访问跨域的请求

男娘i/ 2022年07月20日 15:16/ 0 赞/ 205 阅读

相关 Ajax跨域请求--Jsonp

1、相关知识 > 这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(ifr

末蓝、/ 2022年06月09日 02:48/ 0 赞/ 347 阅读

相关 JSONP跨域请求

第一次听说JSONP跨域请求还是去年刚入职实习的时候，也借那个机会在网上好好了解了下用法，但是对于其如何实现还是不太明白。昨天一同事问我当时对JSONP的使用情况，突然发现一年

矫情吗；*/ 2022年06月03日 08:00/ 0 赞/ 314 阅读

相关 JSONP跨域请求原理及示例

一、JSON和JSONP？ JSON（JavaScript Object Notation）和JSONP（JSON with Padding）虽然只有一个字母的差别，

今天药忘吃喽~/ 2022年05月24日 05:43/ 0 赞/ 267 阅读

相关 ajax跨域请求jsonp完整示例

最经用到jsonp（ajax）的跨域请求，在这分享给大家，有需要用到的一看就能明白。具体步骤如下： 1.首先客户端即页面script中调用代码如下：

我就是我/ 2022年05月23日 07:49/ 0 赞/ 281 阅读

相关 jsonp其实很简单【ajax跨域请求】

原文地址：[jsonp其实很简单【ajax跨域请求】][jsonp_ajax] 1. 同源策略 ajax之所以需要“跨域”，罪魁祸首就是浏览器的同源策略。即，一个页面的

喜欢ヅ旅行/ 2022年04月11日 04:57/ 0 赞/ 262 阅读