文档章节

JFinal跨域方法的两种实现

Jim_Ai
 Jim_Ai
发布于 2016/04/19 12:46
字数 436
阅读 2872
收藏 9

在项目中需要通过ajax方法远程调用其它JFinal服务器的服务,会报出No 'Access-Control-Allow-Origin' header is present on the requested resource错误。浏览器默认不允许跨域 。这里提供两种方法。

正常调用如下:

客户端

$.ajax({
			type : "post",
			url : "http://192.168.0.5/order",
			data : data,
			dataType : "json",
			contentType: "application/x-www-form-urlencoded; charset=UTF-8",
			async: false,
			cache: false,
			success:function(response){
				//扩展回调函数
				if( callback != null ){
					callback(response);
				}
			},
			error : function() {
				alert("服务器发生错误");
			}
		});

服务端

public class OrderController extends Controller {
	
	private static Logger log = Logger.getLogger(OrderController.class);
	
	public void index() {			
		Map<String, Object> json = new HashMap<String, Object>();
		json.put("info", "下单成功! ");
		json.put("status", "1");
		renderJson(json);				
		}
	}

此时发现跨域请求无法实现,有如下两种方法。

一、在服务端进行设置跨域许可设定。在controller方法中加入getResponse().addHeader("Access-Control-Allow-Origin", "*");即可。

public class OrderController extends Controller {
	
	private static Logger log = Logger.getLogger(OrderController.class);
	
	public void index() {
	    getResponse().addHeader("Access-Control-Allow-Origin", "*");	
	        	
		Map<String, Object> json = new HashMap<String, Object>();
		json.put("info", "下单成功! ");
		json.put("status", "1");
		renderJson(json);				
	}
}

二、通过jsonp进行。避免方法一的安全隐患。

客户端代码格式由json改为jsonp

$.ajax({
			type : "post",
			url : "http://192.168.0.5/order",
			data : data,
			dataType : "jsonp",
			contentType: "application/x-www-form-urlencoded; charset=UTF-8",
			async: false,
			cache: false,
			success:function(response){
				//扩展回调函数
				if( callback != null ){
					callback(response);
				}
			},
			error : function() {
				alert("服务器发生错误");
			}
		});

要理解json和jsonp的不同之处,对服务端返回格式进行调整

public class OrderController extends Controller {
	
	private static Logger log = Logger.getLogger(OrderController.class);
	
	public void index() {	       	
	        	
		Map<String, Object> json = new HashMap<String, Object>();
		json.put("info", "下单成功! ");
		json.put("status", "1");
		String callback=getRequest().getParameter("callback");
		json.put("res", true);
		String jsonp=callback+"("+JsonKit.toJson(json)+")";
		renderJson(jsonp);				
		}
	}


© 著作权归作者所有

共有 人打赏支持
Jim_Ai
粉丝 3
博文 15
码字总数 7002
作品 0
虹口
部门经理
私信 提问
jfinal中能否实现url rewrite?

@JFinal 你好,想跟你请教个问题: 关于Handler的作用,你之前提到过:“网站改版,需要在新网站上兼容老网站上的url时能用到,只需要在Handler中将老网站url转换成新的就可以了”。 我现在遇...

zqmsj
2013/07/03
533
4
kisso 3.5 发布,最快最省心的 SSO 构建中间件。

kisso = cookie sso 基于 Cookie 的 SSO 中间件,它是一把快速开发 java Web 登录系统(SSO)的瑞士军刀。引用 @JFinal詹波的一句话:"为您节约更多时间,去陪恋人、家人和朋友 :) "。 首先感...

青苗
2015/12/25
7K
9
基于CORS 为Jfainl实现跨域请求

(该方式存在session会在每次请求都创建的情况。因为最近在休假,故解决方案稍后在方步) 以下提供Ext、SenchaTouch解决方案: 在Ajax请求中添加 withCredentials : true,useDefaultXhrHead...

罗盛力
2013/09/29
0
6
jFinal里 怎么处理跨域请求?

@JFinal 你好,想跟你请教个问题: jFinal里 怎么处理跨域请求?jsonp吗? 具体有没有例子

夜聆风
2014/12/15
1K
2
Jfinal 跨域上传文件

@jfinal 在使用vuejs做前端开发时,采用wangeditor作为编辑器,上传图片设置为跨域方式。但是在wangeditor调用上传url时先请求options,可自己写jfinal处理上传ctrl却只执行一次返回200状态给...

龙影
2017/03/01
433
3

没有更多内容

加载失败,请刷新页面

加载更多

听说拼多多因漏洞被薅了200亿?- 谈谈软件测试

昨天看到一个大新闻:拼多多在20日凌晨出现漏洞,用户可以领100元无门槛优惠券。一夜之间,被黑产、羊毛党和闻讯而来的吃瓜群众薅了个底朝天,直到第二天上午9点才将优惠券下架。网上传言这一...

crossin
31分钟前
2
0
微服务架构有毒,何时不使用微服务?

在过去的四年中,使用微服务来构建应用程序似乎成了一种标准。大多数我所合作过的团队也对此表现出了不同程度的兴趣。 微服务所承诺的弹性、高可用、低耦合、敏捷,以及能够解决单体架构带来...

架构师springboot
36分钟前
2
0
日志服务Python消费组实战(三):实时跨域监测多日志库数据

摘要: 本文主要介绍如何使用消费组实时监控多个域中的多个日志库中的异常数据,并进行下一步告警动作。具备配置简单、逻辑灵活、支持跨域多Region、实时监测,无需配置索引等特点,并且性能...

阿里云云栖社区
37分钟前
2
0
常用css动效

1.列表浮层变化动效 demo地址 下载地址 2.js动画库 github地址 3.滚动加载 Scrollreveal 4.其他动效 tobiasahlin

chinahufei
38分钟前
3
0
Coding and Paper Letter(四十六)

资源整理。 1 Coding: 1.卫星影像深度学习资源。 satellite image deep learning 2.runoff tools为MOM生成径流文件的一些工具变得轻而易举。 runoff tools 3.NOAA-GFDL海冰模拟器V2.0。 SIS2...

胖胖雕
40分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部