浅谈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 相关文章推荐
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
Jun 26 jQuery
使用jQuery实现简单的tab框实例
Aug 22 jQuery
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
jQuery实现的form转json经典示例
Oct 10 jQuery
jquery ztree实现右键收藏功能
Nov 20 jQuery
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
jQuery+koa2实现简单的Ajax请求的示例
Mar 06 jQuery
jQuery实现监听下拉框选中内容发生改变操作示例
Jul 13 jQuery
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
jQuery利用FormData上传文件实现批量上传
Dec 04 jQuery
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
jQuery实现移动端扭蛋机抽奖
Nov 08 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
2.PHP入门
2006/10/09 PHP
php缓存技术详细总结
2013/08/07 PHP
destoon实现不同会员组公司名称显示不同的颜色的方法
2014/08/22 PHP
PHP中使用GD库创建圆形饼图的例子
2014/11/19 PHP
php函数实现判断是否移动端访问
2015/03/03 PHP
详解PHP编码转换函数应用技巧
2016/10/22 PHP
简单实现php上传文件功能
2017/09/21 PHP
PHP接入支付宝接口失效流程详解
2020/11/10 PHP
js checkbox(复选框) 使用集锦
2009/04/28 Javascript
JS Replace()的高级使用方法介绍
2013/06/29 Javascript
JavaScript中圆括号()和方括号[]的特殊用法疑问解答
2013/08/06 Javascript
网页防止tab键的使用快速解决方法
2013/11/07 Javascript
Javascript 学习笔记之 对象篇(二) : 原型对象
2014/06/24 Javascript
JavaScript中Cookie操作实例
2015/01/09 Javascript
javascript页面倒计时实例
2015/07/25 Javascript
浅谈angularJS中的事件
2016/07/12 Javascript
深入理解Nodejs Global 模块
2017/06/03 NodeJs
Nodejs异步回调之异常处理实例分析
2018/06/22 NodeJs
微信头像地址失效踩坑记附带解决方案
2019/09/23 Javascript
[05:26]2014DOTA2西雅图国际邀请赛 iG战队巡礼
2014/07/07 DOTA
Python连接DB2数据库
2016/08/27 Python
基于python进行桶排序与基数排序的总结
2018/05/29 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
python 寻找list中最大元素对应的索引方法
2018/06/28 Python
Pytorch反向求导更新网络参数的方法
2019/08/17 Python
Python字典底层实现原理详解
2019/12/18 Python
python不到50行代码完成了多张excel合并的实现示例
2020/05/28 Python
Python xlwt模块使用代码实例
2020/06/10 Python
CSS3实现闪烁动画效果的方法
2015/02/09 HTML / CSS
美国在线宠物用品商店:Entirely Pets
2017/01/01 全球购物
英国家居用品和家居装饰品购物网站:Cox & Cox
2019/08/25 全球购物
求职简历推荐信范文
2013/12/02 职场文书
槐乡的孩子教学反思
2014/04/27 职场文书
幼儿园运动会口号
2014/06/07 职场文书
质量负责人岗位职责
2015/02/15 职场文书
JavaWeb 入门篇(3)ServletContext 详解 具体应用
2021/07/16 Java/Android