jfinal ajax 不刷新页面,jfinal实现前端页面异步加载
上次写了一个同步的加载方法,这次抽点时间写了个异步的方案。前端主要代码如下:$(document).ready(function(){$.ajax({url:"/image/getHotelImage/#(hotel.h_id)",type:"GET",//规定请求的类型(GET或POST)cache:false,//表示浏览器是否缓存被请求页面dataType:"h...
上次写了一个同步的加载方法,这次抽点时间写了个异步的方案。
前端主要代码如下:
$(document).ready(function(){
$.ajax({
url : "/image/getHotelImage/#(hotel.h_id)",
type : "GET", //规定请求的类型(GET 或 POST)
cache : false, //表示浏览器是否缓存被请求页面
dataType : "html", //预期的服务器响应的数据类型
success : function(data){
$("#img#(x)").html(data)
}
})
});
后台controller的方法:public void getHotelImage() {
int id = getParaToInt();
//搜索时用第一张图片替代
System.out.println(id);
HotelImageModel hotelImage = imageService.findAnHotelImage(id).get(0);
setAttr("hotelImage",hotelImage);
render("commonPart/hotelImage.html");
}
其实就是一个图片的异步加载。需要注意的是前端设置的返回值是HTML,后台就得用render方法;前端设置的是json,后台就得使用renderJson方法。
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)