浅谈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插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
jQuery简介_动力节点Java学院整理
Jul 04 jQuery
jquery拖动改变div大小
Jul 04 jQuery
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
bootstrap可编辑下拉框jquery.editable-select
Oct 12 jQuery
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
如何快速解决JS或Jquery ajax异步跨域的问题
Jan 08 jQuery
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
jQuery动态操作表单示例【基于table表格】
Dec 06 jQuery
用jQuery实现抽奖程序
Apr 12 jQuery
jQuery实现带进度条的轮播图
Sep 13 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 命名空间实例说明
2011/01/27 PHP
PHP判断远程图片是否存在的几种方法
2014/05/04 PHP
[原创]php实现子字符串位置相互对调互换的方法
2016/06/02 PHP
php+mysql实现简单登录注册修改密码网页
2016/11/30 PHP
PHP输出XML格式数据的方法总结
2017/02/08 PHP
javascript 写类方式之三
2009/07/05 Javascript
跟着Jquery API学Jquery之一 选择器
2010/04/07 Javascript
基于jquery的大众点评,分类导航实现代码
2011/08/23 Javascript
javascript判断移动端访问设备并解析对应CSS的方法
2015/02/05 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
2015/03/13 Javascript
jQuery实现手机号码输入提示功能实例
2015/04/30 Javascript
React Native自定义控件底部抽屉菜单的示例
2018/02/08 Javascript
js控制随机数生成概率代码实例
2019/03/21 Javascript
微信小程序 slot踩坑的解决
2019/04/01 Javascript
vue和better-scroll实现列表左右联动效果详解
2019/04/29 Javascript
微信小程序实现选择地址省市区三级联动
2020/06/21 Javascript
js实现随机点名功能
2020/12/23 Javascript
PHP webshell检查工具 python实现代码
2009/09/15 Python
利用python求相邻数的方法示例
2017/08/18 Python
java中的控制结构(if,循环)详解
2019/06/26 Python
python利用openpyxl拆分多个工作表的工作簿的方法
2019/09/27 Python
Python调用Windows API函数编写录音机和音乐播放器功能
2020/01/05 Python
基于python3生成标签云代码解析
2020/02/18 Python
Python 读取xml数据,cv2裁剪图片实例
2020/03/10 Python
现代生活方式的家具和装饰:Dot & Bo
2018/12/26 全球购物
linux面试题参考答案(8)
2016/04/19 面试题
会计自我鉴定范文
2013/10/06 职场文书
高一英语教学反思
2014/01/22 职场文书
中秋手机店促销方案
2014/06/16 职场文书
给客户的感谢信
2015/01/21 职场文书
薪资证明范本
2015/06/19 职场文书
CSS3 菱形拼图实现只旋转div 背景图片不旋转功能
2021/03/30 HTML / CSS
pytorch中的numel函数用法说明
2021/05/13 Python
深入解析MySQL索引数据结构
2021/10/16 MySQL
mysql聚集索引、辅助索引、覆盖索引、联合索引的使用
2022/02/12 MySQL
讲解Python实例练习逆序输出字符串
2022/05/06 Python