浅谈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插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
jQuery 实现双击编辑表格功能
Jun 19 jQuery
jQuery简介_动力节点Java学院整理
Jul 04 jQuery
js案例之鼠标跟随jquery版(实例讲解)
Jul 21 jQuery
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
Aug 23 jQuery
jQuery实现的手动拖动控制进度条效果示例【测试可用】
Apr 18 jQuery
jQuery 导航自动跟随滚动的实现代码
May 30 jQuery
jQuery实现的页面弹幕效果【测试可用】
Aug 17 jQuery
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
Jan 18 jQuery
jquery使用echarts实现有向图可视化功能示例
Nov 25 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
mac下使用brew配置环境的步骤分享
2011/05/23 PHP
set_include_path和get_include_path使用及注意事项
2013/02/02 PHP
php抛出异常与捕捉特定类型的异常详解
2016/10/26 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
PHP 实现缩略图
2021/03/09 PHP
深入理解JavaScript系列(1) 编写高质量JavaScript代码的基本要点
2012/01/15 Javascript
JavaScript对象和字串之间的转换实例探讨
2013/04/21 Javascript
js判断一个字符串是否包含一个子串的方法
2015/01/26 Javascript
javascript操作符&quot;!~&quot;详解
2015/02/10 Javascript
浅谈JavaScript的Polymer框架中的behaviors对象
2015/07/29 Javascript
Bootstrap基本样式学习笔记之图片(6)
2016/12/07 Javascript
ES6新特性五:Set与Map的数据结构实例分析
2017/04/21 Javascript
jQuery Collapse1.1.0折叠插件简单使用
2017/08/28 jQuery
vue.js  父向子组件传参的实例代码
2017/10/29 Javascript
Angularjs Promise实例详解
2018/03/15 Javascript
Echarts实现单条折线可拖拽效果
2019/12/19 Javascript
浅谈Ant Design Pro 菜单自定义 icon
2020/11/17 Javascript
python实现bucket排序算法实例分析
2015/05/04 Python
Djang中静态文件配置方法
2015/07/30 Python
让你Python到很爽的加速递归函数的装饰器
2019/05/26 Python
python科学计算之narray对象用法
2019/11/25 Python
keras模型可视化,层可视化及kernel可视化实例
2020/01/24 Python
Python中文分词库jieba,pkusegwg性能准确度比较
2020/02/11 Python
Python3自定义json逐层解析器代码
2020/05/11 Python
分布式全文检索引擎ElasticSearch原理及使用实例
2020/11/14 Python
Python+unittest+requests+excel实现接口自动化测试框架
2020/12/23 Python
HTML5自定义元素播放焦点图动画的实现
2019/09/25 HTML / CSS
英国最大的笔记本电脑直销专家:Laptops Direct
2019/07/20 全球购物
SheIn沙特阿拉伯:女装在线
2020/03/23 全球购物
什么是ESB?请介绍一下ESB?
2015/05/27 面试题
大学生个人简历自我评价
2013/11/16 职场文书
年终考核实施方案
2014/05/26 职场文书
四风查摆问题自查报告
2014/10/10 职场文书
2014年煤矿工作总结
2014/11/24 职场文书
CentOS MySql8 远程连接实战
2022/04/19 MySQL
css如何把元素固定在容器底部的四种方式
2022/06/16 HTML / CSS