jfinal里使用ajax,Jfinal解决AJAX的跨域请求

JFinal 是基于 Java 语言的极速 WEB + ORM 框架,其核心设计目标是开发迅速、代码量少、学习简单、功能强大、轻量级、易扩展、Restful。

一开始使用AJAX来传输json数据时,在本机上还是可以实现的,但是没法给url给其他人调用并且传输数据。

然后发现jsonp可以解决跨域请求(这应该是就是我寻找的)。

JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。

由于没有两台电脑,所以我选择了两种工具(Eclipse和myEclipse)来对AJAX的跨域请求进行回应.。

前端是在myEclipse上书写,后台在Eclipse上书写.

首先是前端:

Insert title here

这里是myeclipse的页面

这里是myeclipse的页面

提交

$(button).click(function(){

$.ajax({

type:get,

url:http://localhost/submit,

data:{

username:123456,

password:456789,

name:xiaoming,

remark:无

},

dataType:jsonp,

contentType:application/x-www-form-urlencoded;charset=UTF-8,

async:false,

cache:false,

success:function(response){

//扩展回调函数

alert(response.res),

$(h2).text(成功回应跨域请求)

},

error:function(){

//处理异常数据...

alert(0)

}

});

})

接下来是controller

public void submit()

{

System.out.println(getPara("username"));

System.out.println(getPara("password"));

System.out.println(getPara("name"));

System.out.println(getPara("remark"));

getResponse().addHeader("Access-Control-Allow-Origin", "*");

Map json=new HashMap();

json.put("status",0);

json.put("res",true);

String callback = getRequest().getParameter("callback");

String jsonp = callback+"("+ JsonKit.toJson(json)+")";//返回的json 格式要加callback()

renderJson(jsonp);

}

总结:发现学习后台,你还要基本掌握一些前端技术和框架,起码先自己先玩熟先,不然到了真正做项目的时候,真的来不及,要懂得前端的数据是以什么形式来传输到后台的,你又怎么回应前端的请求。

JFinal 是基于 Java 语言的极速 WEB + ORM 框架,其核心设计目标是开发迅速、代码量少、学习简单、功能强大、轻量级、易扩展、Restful。 一开始使用AJAX来传输json数据时,在本机上还是可以实现的,但是没法给url给其他人调用并且传输数据。 然后发现jsonp可以解决跨域请求(这应该是就是我寻找的)。 JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。 由于没有两台电脑,所以我选择了两种工具(Eclipse和myEclipse)来对AJAX的跨域请求进行回应.。 前端是在myEclipse上书写,后台在Eclipse上书写. 首先是前端:Insert title here 这里是myeclipse的页面 提交 $(button).click(function(){ $.ajax({ type:get, url:http://localhost/submit, data:{ username:123456, password:456789, name:xiaoming, remark:无 }, dataType:jsonp, contentType:application/x-www-form-urlencoded;charset=UTF-8, async:false, cache:false, success:function(response){ //扩展回调函数 alert(response.res), $(h2).text(成功回应跨域请求) }, error:function(){ //处理异常数据... alert(0) } }); }) 接下来是controller public void submit() { System.out.println(getPara("username")); System.out.println(getPara("password")); System.out.println(getPara("name")); System.out.println(getPara("remark")); getResponse().addHeader("Access-Control-Allow-Origin", "*"); Map json=new HashMap(); json.put("status",0); json.put("res",true); String callback = getRequest().getParameter("callback"); String jsonp = callback+"("+ JsonKit.toJson(json)+")";//返回的json 格式要加callback() renderJson(jsonp); } 总结:发现学习后台,你还要基本掌握一些前端技术和框架,起码先自己先玩熟先,不然到了真正做项目的时候,真的来不及,要懂得前端的数据是以什么形式来传输到后台的,你又怎么回应前端的请求。
经验分享 程序员 微信小程序 职场和发展