js 调用 ajax返回的json对象

最新推荐文章于 2025-10-13 14:52:48 发布

原创最新推荐文章于 2025-10-13 14:52:48 发布 · 4.6k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

js/jquery

当前文章被收录于：

js/jquery

44 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文详细介绍了如何使用Ajax技术从服务器获取酒店对象，并通过后台方法进行数据处理和返回JSON格式响应。包括了从HTML表单中获取酒店ID，发起AJAX请求，解析服务器返回的数据，以及在调用处展示获取到的酒店ID和名称。

//ajax获得酒店对象
function getHotelById(callback){
   //获得选中的hotel的Id
   alert($("#beforeTourHotelPreordainId").val());
   var hotelId = $("#beforeTourHotelPreordainId").val();
   if(hotelId != ''){
       $.ajax({
           url:"/getHotel/"+hotelId+".html",
           type:"post",
           dataType: 'json',
           success:function(data) {
               var obj = eval(data);
               callback(obj);
               return obj;
           },
           error:function() {
               alert("酒店产品不存在");
               return false;
           }
       });
   }

}

后台方法：

// ajax获得酒店对象
   @RequestMapping("/getHotel/{id}.html")
   public void getHotelById(HttpServletResponse response,
           @PathVariable("id") Long id)
           throws JSONException, IOException {
       JSONObject jsonObj = new JSONObject();
       com.joytrav.oa.entity.Hotel hotel = hotelDAO.findOne(new com.joytrav.oa.entity.cn.Hotel(id));
       jsonObj.put("name", hotel.getName());
       jsonObj.put("id", hotel.getId());
       PrintWriter out = response.getWriter();
       jsonObj.write(out);
       out.flush();
       out.close();
   }

调用处：

    getHotelById(function(obj) {
       alert(obj.id);
       alert(obj.name);
   });