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


Posted in jQuery onJanuary 22, 2018

在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 相关文章推荐
BootStrap中jQuery插件Carousel实现轮播广告效果
Mar 27 jQuery
使用jQuery.Pin垂直滚动时固定导航
May 24 jQuery
jquery.validate表单验证插件使用详解
Jun 21 jQuery
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
Aug 09 jQuery
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
Dec 24 jQuery
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
JS/jQuery实现获取时间的方法及常用类完整示例
Mar 07 jQuery
jQuery实现动态生成年月日级联下拉列表示例
May 11 jQuery
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
jQuery实现飞机大战小游戏
Jul 05 jQuery
jquery+ajaxform+springboot控件实现数据更新功能
Jan 22 #jQuery
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 #jQuery
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 #jQuery
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 #jQuery
基于jquery的on和click的区别详解
Jan 15 #jQuery
vue-cli webpack 引入jquery的方法
Jan 10 #jQuery
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 #jQuery
You might like
php获取地址栏信息的代码
2008/10/08 PHP
PHP 一个随机字符串生成代码
2010/05/26 PHP
在PHP中利用wsdl创建标准webservice的实现代码
2011/12/07 PHP
php.ini-dist 和 php.ini-recommended 的区别介绍(方便开发与安全的朋友)
2012/07/01 PHP
在Ubuntu 14.04上部署 PHP 环境及 WordPress
2014/09/02 PHP
[原创]解决wincache不支持64位PHP5.5/5.6的问题(提供64位wincache下载)
2016/06/22 PHP
thinkPHP模板引擎用法示例
2016/12/08 PHP
PHP实现微信红包金额拆分试玩的算法示例
2018/04/07 PHP
PHP自动识别当前使用移动终端
2018/05/21 PHP
Iframe 自适应高度并实时监控高度变化的js代码
2009/10/30 Javascript
jQuery find和children方法使用
2011/01/31 Javascript
Jquery插件写法笔记整理
2012/09/06 Javascript
基于jquery DOM写的类似微博发布的效果
2012/10/20 Javascript
JS实现局部选择打印和局部不选择打印
2014/04/03 Javascript
jQuery的ready方法详解
2014/11/27 Javascript
通用无限极下拉菜单的实现代码
2016/05/31 Javascript
Bootstrap源码解读表单(2)
2016/12/22 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
jQuery实现的淡入淡出图片轮播效果示例
2018/08/29 jQuery
JS中appendChild追加子节点无效的解决方法
2018/10/14 Javascript
vue进入页面时滚动条始终在底部代码实例
2019/03/26 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
2020/03/12 Javascript
[37:50]VP vs TNC Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
在Windows中设置Python环境变量的实例讲解
2018/04/28 Python
使用Python微信库itchat获得好友和群组已撤回的消息
2018/06/24 Python
python获取服务器响应cookie的实例
2018/12/28 Python
解决python执行不输出系统命令弹框的问题
2019/06/24 Python
ML神器:sklearn的快速使用及入门
2019/07/11 Python
Flask使用Pyecharts在单个页面展示多个图表的方法
2019/08/05 Python
HTML5实现预览本地图片
2016/02/17 HTML / CSS
网络艺术零售业的先驱者:artrepublic
2017/09/26 全球购物
英国高级健康和美容产品零售商:Life and Looks
2019/08/01 全球购物
给面试官的感谢信
2014/02/01 职场文书
工会趣味活动方案
2014/08/18 职场文书
小学生国庆节演讲稿
2014/09/05 职场文书
大学生暑期社会实践的个人总结!
2019/07/17 职场文书