GET请求jsonp示例

淩亂°似流年 2022-06-09 03:44 257阅读 0赞

众所周知GET请求可以用jsonp的方式解决跨域问题，下面会给出一个jsonp请求的示例。

1.后台接口

@Path("getscene")
    	@MClientHandler
    	public ContentResult getSceneTable() {
    		HttpServletRequest request = beat.getRequest();
    		HttpServletResponse response = beat.getResponse();
    		response.addHeader("Access-Control-Allow-Origin", "*"); 
    		response.addHeader("Access-Control-Allow-Credentials", "true");
    		response.addHeader("Access-Control-Allow-Methods", "Get,Post,OPTIONS");
    		response.addHeader("Access-Control-Request-Headers", "X-Custom-Header");
    				
    		List <GulRecallSceneEntity> sceneList = GulRecallService.getSceneEntity();
    		String sceneData = CommonService.tranObjectToString(sceneList);
    		logger.info("sceneData=" + sceneData);
    		
    		String jsonp = request.getParameter("callback");  //后端接口支持jsonp
    		return new ContentResult(jsonp + "(" + sceneData + ")" );  //后端接口支持jsonp
    		//return new ContentResult(sceneData);
    	}

2. 前端axaj请求

$.ajax({
    	type : "GET",
    	url : "http://xxx/getscene",
    	contentType: "application/json;charset=utf-8",
    	dataType:"jsonp",  //请求支持jsonp
    	data:'',
    	jsonp:'callback',  //请求支持jsonp
    	success : function (msg) {			
    		//TODO
    	},
    	error:function(){
    		alert("错误");
    	}
    });

发表评论取消回复

表情：

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

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

相关阅读

相关 Fetch - HTTP GET 请求示例

下面是一组快速示例，展示了如何使用`fetch()`与所有现代浏览器捆绑在一起的 API 发送 HTTP GET 请求。使用 fetch 的简单 GET 请求这会向[

朱雀/ 2023年10月01日 16:20/ 0 赞/ 39 阅读

相关 JSONP跨域请求简单示例

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

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

相关 GET请求jsonp示例

众所周知GET请求可以用jsonp的方式解决跨域问题，下面会给出一个jsonp请求的示例。 1.后台接口 @Path("getscene") @MClie

淩亂°似流年/ 2022年06月09日 03:44/ 0 赞/ 258 阅读

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

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

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

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

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

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

相关 Http的Post/Get请求示例

一、所需要的jar包 httpclient-4.5.jar httpcore-4.4.1.jar httpmime-4.5.jar 二、实例

悠悠/ 2022年04月15日 05:27/ 0 赞/ 745 阅读

相关 vue-resource 实现 get, post, jsonp请求

[vue-resource 实现 get, post, jsonp请求][vue-resource _ get_ post_ jsonp] 除了 vue-resource

妖狐艹你老母/ 2022年03月17日 12:24/ 0 赞/ 201 阅读

相关 vue-resource 实现 get, post, jsonp请求

vue-resource 实现 get, post, jsonp请求除了 vue-resource 之外，还可以使用 axios 的第三方包实现实现数据的请求 1. 之

你的名字/ 2022年02月21日 09:43/ 0 赞/ 228 阅读

相关 java发送GET、POST请求示例

一、环境及依赖包环境 win 7 java 1.8.0\_201 依赖包 httpclient-4.5.2.jar httpcore-4.4.1.ja

曾经终败给现在/ 2022年02月14日 04:14/ 0 赞/ 449 阅读

相关 vue-resource 实现 get, post, jsonp请求

一、作用除了 vue-resource 之外，还可以使用 axios 的第三方包实现实现数据的请求二、JSONP的实现原理由于浏览器的安全性限制，不允许AJA

我不是女神ヾ/ 2022年01月09日 10:11/ 0 赞/ 209 阅读