浅谈ajax在jquery中的请求和servlet中的响应

 更新时间:2018年01月22日 15:11:32   作者:星空下的那个人影  
下面小编就为大家分享一篇浅谈ajax在jquery中的请求和servlet中的响应,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

在jsp中,首先,你需要导入jquery的架包:

获取可返回站点的根路径:

<% 
  String path = request.getContextPath(); 
%> 

在jquery中写ajax请求:

<script type="text/javascript">
     $(function(){
        $(".B").click(function(){
        $.ajax({
            type: "GET",
                     //对应servlet中的方法
            url: "<%=path%>" + "/queryEvaluateByuserId.do",
                     //返回是json数据
            dataType: "json",
            async:false,
           data:{
            },
            success: function(data){
              str = "";
               if(data != null){
                               //循环表单列表
                 for (var i in data)
                  {
                     var num = parseInt(i) + 1 ;                         
                    str +="<tr><td>" + num + "</td><td>" 
                    + data[i]['name'] + "</td><td>"
                    + data[i]['price'] + "元</td>" 
                    + "</tr>";
                  }
                 $(".trtd4").after(str);
               }else{
                 
               }
               
            },
            error: function(data){
            }
          }) 
      });
     }
</script>

jsp部分:

<div class="tab-pane" id="B" style="text-align:center;"> 
          <div class="row marg" > 
            <table border="2 " style="width:80%;text-align:center;"> 
              <tr class="trtd4"> 
                <th>序号</th> 
                <th>业主名</th> 
                <th>金额</th> 
              </tr>              
            </table> 
          </div> 
        </div> 

在servlet中用到了阿里巴巴的快速转换json的包com.alibaba.fastjson.JSON:

private void queryEvaluateByuserId(HttpServletRequest request, HttpServletResponse response) throws SQLException, IOException, ServletException{
			HttpSession session=request.getSession();
			request.setCharacterEncoding("UTF-8");
			response.setContentType("text/html");
			response.setCharacterEncoding("UTF-8");
			Cookie[] cookies = request.getCookies();
			int ownerId = 0;
			for (int i = 0; i < cookies.length; i++) {
	      Cookie cookie = cookies[i];
	      if (cookie.getName().equals("ownerId")) {
	      	ownerId = Integer.parseInt(cookie.getValue()); 
	      }
			}
			List<Order> orderList = new ArrayList<>();
			List<Evaluate> queryEvaluateList = new ArrayList<>();
			orderList = orderServiceImpl.queryOrderList(ownerId, null, null, null, null, null);
			List<Map<String, String>> workers = new ArrayList<Map<String, String>>(); 
			for(int i = 0;i < orderList.size();i++){
				Map<String,String> order = new HashMap<String, String>();
				order.put("description", orderList.get(i).getDescription());
				order.put("name", orderList.get(i).getOwnerName());
				System.out.println(orderList.get(i).getDescription());
				order.put("type",orderList.get(i).getTypeName());
				queryEvaluateList = orderServiceImpl.queryEvaluateListByUserId(orderList.get(i).getId());
				order.put("comment", queryEvaluateList.get(0).getComment());
				List<Allocation> allocation = orderServiceImpl.queryAllocationByOrderId(orderList.get(i).getId());
				order.put("price", String.valueOf(allocation.get(0).getPrice()));
				 System.out.println(order);
				workers.add(order);
			}
            //将map键值对转换成json,传给jsp
            response.getOutputStream().write(JSON.toJSONBytes(workers));
		}

以上这篇浅谈ajax在jquery中的请求和servlet中的响应就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • jQuery动态星级评分效果实现方法

    jQuery动态星级评分效果实现方法

    这篇文章主要介绍了jQuery动态星级评分效果实现方法,涉及jquery动态操作页面元素样式的相关技巧,效果华丽大气,是一款非常优秀的特效源码,需要的朋友可以参考下
    2015-08-08
  • jQuery 表格插件整理

    jQuery 表格插件整理

    本文搜集了大量 jQuery 表格插件,帮助 Web 设计者更好地驾御 HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进行搜索,对大表格进行分页,对表格进行滚动,拖放操作等等。这些插件很多都包含详细的教程。
    2010-04-04
  • jQuery队列操作方法实例

    jQuery队列操作方法实例

    这篇文章主要介绍了jQuery队列操作方法实例,总结出了一个简洁优雅的队列控制方法,需要的朋友可以参考下
    2014-06-06
  • JQuery ztree 异步加载实例讲解

    JQuery ztree 异步加载实例讲解

    这篇文章主要为大家详细介绍了JQuery ztree异步加载实例,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • jQuery实现移动 和 渐变特效的点击事件

    jQuery实现移动 和 渐变特效的点击事件

    这里给大家分享的是一则使用jQuery实现移动和渐变特效的点击事件效果,非常简单实用,这里推荐给大家。
    2015-02-02
  • jQuery中parents()和parent()的区别分析

    jQuery中parents()和parent()的区别分析

    这篇文章主要介绍了jQuery中parents()和parent()的区别,具体分析了parents()和parent()的原理与用法区别,非常具有实用价值,需要的朋友可以参考下
    2014-10-10
  • jquery入门——事件机制之事件中的冒泡现象示例解释

    jquery入门——事件机制之事件中的冒泡现象示例解释

    事件被触发后被分为两个阶段,一个是捕获(Capture),另一个是冒泡(Bubbing),但大多浏览器并不是都支持捕获阶段,因此事件被触发后,往往执行冒泡过程,感兴趣的朋友可以了解下,或许对你学习事件机制有所帮助
    2013-02-02
  • jQuery ajax调用WCF服务实例

    jQuery ajax调用WCF服务实例

    这篇文章主要介绍了jQuery ajax调用WCF服务实例,包含服务器端和客户端的实现代码,需要的朋友可以参考下
    2014-07-07
  • 使用PHP+JQuery+Ajax分页的实现

    使用PHP+JQuery+Ajax分页的实现

    本篇文章小编将为大家介绍,使用PHP+JQuery+Ajax分页的实现。需要的朋友参考下
    2013-04-04
  • jQuery实现鼠标单击网页文字后在文本框显示的方法

    jQuery实现鼠标单击网页文字后在文本框显示的方法

    这篇文章主要介绍了jQuery实现鼠标单击网页文字后在文本框显示的方法,可实现鼠标点击上方文字即可在下方勾选处文本框显示对应文字的效果,涉及jQuery鼠标事件及链式操作的相关技巧,需要的朋友可以参考下
    2015-05-05

最新评论