浅谈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加密密码到cookie的实现代码
Apr 18 jQuery
jQuery zTree树插件动态加载实例代码
May 11 jQuery
jQuery复合事件结合toggle()方法的用法示例
Jun 10 jQuery
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
全面解析jQuery中的$(window)与$(document)的用法区别
Aug 15 jQuery
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 jQuery
jquery animate动画持续运动的实例
Nov 29 jQuery
JQuery选中select组件被选中的值方法
Mar 08 jQuery
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
Aug 28 jQuery
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
May 12 jQuery
jQuery实现点击滚动到指定元素上的方法分析
Mar 19 jQuery
jQuery使用jsonp实现百度搜索的示例代码
Jul 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
PHP把空格、换行符、中文逗号等替换成英文逗号的正则表达式
2014/05/04 PHP
php数组键值用法实例分析
2015/02/27 PHP
摘自织梦CMS中的图片处理类
2015/08/08 PHP
php源码 fsockopen获取网页内容实例详解
2016/09/24 PHP
window.open被浏览器拦截后的自定义提示效果代码
2007/11/19 Javascript
验证javascript中Object和Function的关系的三段简单代码
2010/06/27 Javascript
javascript编码的几个方法详细介绍
2013/01/06 Javascript
jquery 触发a链接点击事件解决方案
2013/05/02 Javascript
from 表单提交返回值用post或者是get方法实现
2013/08/21 Javascript
HTTP 304错误的详细讲解
2013/11/13 Javascript
javascript 获取网页标题代码实例
2014/01/22 Javascript
jquery中取消和绑定hover事件的实现代码
2016/06/02 Javascript
简单分析javascript中的函数
2016/09/10 Javascript
jQuery删除当前节点元素
2016/12/07 Javascript
Nodejs高扩展性的模板引擎 functmpl简介
2017/02/13 NodeJs
JavaScript变量作用域_动力节点Java学院整理
2017/06/27 Javascript
基于Jquery Ajax type的4种类型(详解)
2017/08/02 jQuery
详解设置Webstorm 利用babel将ES6自动转码成ES5
2017/12/20 Javascript
vue实现的上传图片到数据库并显示到页面功能示例
2018/03/17 Javascript
Vue开发之封装上传文件组件与用法示例
2019/04/25 Javascript
Vue的click事件防抖和节流处理详解
2019/11/13 Javascript
微信小程序动态添加和删除组件的现实
2020/02/28 Javascript
Python3读取Excel数据存入MySQL的方法
2018/05/04 Python
Python中几种属性访问的区别与用法详解
2018/10/10 Python
python爬虫获取百度首页内容教学
2018/12/23 Python
pyqt 实现QlineEdit 输入密码显示成圆点的方法
2019/06/24 Python
python实现切割url得到域名、协议、主机名等各个字段的例子
2019/07/25 Python
python使用selenium爬虫知乎的方法示例
2020/10/28 Python
世界领先的以旅馆为主的在线预订平台:Hostelworld
2016/10/09 全球购物
加拿大领先的优质厨具产品在线购物网站:Golda’s Kitchen
2017/11/17 全球购物
与UNIX有关的几个名词
2015/09/17 面试题
最新党员思想汇报
2014/01/01 职场文书
2016大学生毕业实习心得体会
2016/01/23 职场文书
面试分析分布式架构Redis热点key大Value解决方案
2022/03/13 Redis
Consul在linux环境的集群部署
2022/04/08 Servers
MySQL常用慢查询分析工具详解
2022/08/14 MySQL