上次写了一个同步的加载方法,这次抽点时间写了个异步的方案。

前端主要代码如下:

$(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方法。

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐