文档章节

JFinal跨域方法的两种实现

Jim_Ai
 Jim_Ai
发布于 2016/04/19 12:46
字数 436
阅读 2211
收藏 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
虹口
部门经理
OSC上关于Jfinal的提问整理(一)

看见Jfinal很火,就手痒痒了,想学一下,无奈入门较慢,没有找到比较全的文档。于是就经常看讨论区大家的提问与解答。后来就忽然萌生了整理下来的想法。其中的问题如果是@Jfinal 回答的,那我...

木川瓦兹
2013/04/23
0
21
基于CORS 为Jfainl实现跨域请求

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

罗盛力
2013/09/29
0
6
JFinal极速开发实战教程新鲜出炉~

JFinal极速开发实战教程新鲜出炉~ [持续更新中...] JFinal框架让 IT 工程师发挥更大的潜能,实现更大价值,同时也希望 JFinal 工具力量能帮助正在创业的朋友们提升效率、降低成本从而实现创业...

山东-小木
2015/01/07
0
13
JFinal2.0开启Server后启动其他插件

最近同事在搞JFinal动态添加数据源配置,多亏了JFinal2.0的出现,才很方便的解决了这个问题。 我看他代码时,无意中发现插件还需要调用start()方法,于是就思考在总配置类里面配置插件之后是...

夜辰
2015/07/04
0
0
JFinal针对ORACLE的timestamp字段解决办法

JFinal是个比较不错的的框架,但JFinal起源时使用mysql数据库,因此在对数据库支持方面还没有达到完美。 本人使用JFinal有一段时间的,由于项目的数据库普遍采用oracle,在使用oracle过程中遇...

真的农夫三拳
2013/06/23
0
6

没有更多内容

加载失败,请刷新页面

加载更多

67:shell脚本介绍 | shell脚本结构 | 执行data命令用法 | shell脚本中变量

1、shell脚本介绍: shell是一种脚本语言和传统的开发语言相比,会比较简单: shell有自己语法,可以支持逻辑判断、循环等语法: 可以自定义函数,目的是减少重复的代码: shell是系统命令的集合...

芬野de博客
27分钟前
1
0
json schema

json schema是用来验证和描述json对象结构的。 在线验证:https://www.jsonschemavalidator.net/ json schema 编辑器,推荐VSCode,写上"$schema": "https://raw.githubusercontent.com/jso......

谷永权
32分钟前
1
0
部署生产级的 Kubernetes 集群,使用kubespray

部署生产级的 Kubernetes 集群,使用kubespray 项目源码,https://github.com/openthings/kubespray 国内部署,https://github.com/zhangguanzhang/Kubernetes-ansible 欢迎加入 kubernetes......

openthings
39分钟前
0
0
73.分发系统介绍 expect脚本远程登录 执行命令 传递参数

20.27 分发系统介绍 20.28 expect脚本远程登录 20.29 expect脚本远程执行命令 20.30 expect脚本传递参数 20.27 分发系统介绍: 场景:业务越来越大。用的比如app,后端(也就是服务器)所使用...

王鑫linux
45分钟前
0
0
SpringBoot应用不能访问项目静态页面html问题处理

问题描述:SpringBoot搭建web应用在eclipse中启动能够正常访问页面,打包成jar之后不能访问到页面,没有任何出错提示。 环境:使用的是前后端分离架构,没有使用模板,前端html和静态文件放到...

奋斗小蜗牛
48分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部