GET请求jsonp示例

众所周知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("错误");
	}
});



  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript (简称 JS)是一种广泛使用的脚本语言,主要用于在网页中实现动态效果和交互功能。其中,AJAX(Asynchronous JavaScript and XML)是一种用来创建快速、动态、非阻塞的 Web 应用程序的技术。在本文中,我们将介绍如何使用 JS 的 AJAX get 请求。 首先,请确保你已经引入了 JQuery 库。然后,可以使用以下代码来发送一个 AJAX get 请求: ```javascript $.ajax({ url: "http://yourUrl.com/example", // 请求的url method: "GET", // 请求方法 success: function(response) { // 若请求成功,执行的操作 console.log(response); // 输出返回的数据 }, error: function(xhr, status, error) { // 若请求失败,执行的操作 console.log(status); // 输出状态码 } }); ``` 在上面的代码中,我们使用 Jquery 的 $.ajax() 方法来发送一个 AJAX 请求。其中,传输的参数有: - url:请求的 URL 地址。 - method:请求方法,可以是 "GET"、"POST"、"DELETE" 等。 - success:请求成功时的回调函数,参数 response 将以回调的方式返回数据。 - error:请求失败时的回调函数,参数 xhr 是 XMLHttpRequest 对象,status 是状态码,error 是错误信息。 在以上代码中,GET 请求是最基本的请求类型,可以通过更改请求方法实现其他类型请求。此外,在请求过程中可以传输一些可选参数,例如 data、dataType、async 等。需要注意的是,若请求网址与当前网址不同,需要使用跨域请求。为此,可以通过 CORS 或 JSONP 等方式解决。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值