浅谈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 UI Grid 模态框中的表格实例代码
Apr 01 jQuery
jQuery 添加样式属性的优先级别方法(推荐)
Jun 08 jQuery
QRCode.js:基于JQuery的生成二维码JS库的使用
Jun 23 jQuery
基于jQuery的表单填充实例
Aug 22 jQuery
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
jquery中有哪些api jQuery主要API
Nov 20 jQuery
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
如何用input标签和jquery实现多图片的上传和回显功能
May 16 jQuery
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
使用JQuery自动完成插件Auto Complete详解
Jun 18 jQuery
jQuery实现弹幕特效
Nov 29 jQuery
使用jQuery实现购物车
Oct 29 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中删除字符串中最先出现某个字符的实现代码
2013/02/03 PHP
php去除字符串换行符示例分享
2014/02/13 PHP
php中使用GD库做验证码
2016/03/31 PHP
PHP 中 DOMDocument保存xml时中文出现乱码问题的解决方案
2016/09/19 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
laravel 操作数据库常用函数的返回值方法
2019/10/11 PHP
使用jquery选择器如何获取父级元素、同级元素、子元素
2014/05/14 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
2015/03/04 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
2015/04/07 Javascript
JavaScript基于setTimeout实现计数的方法
2015/05/08 Javascript
基于Bootstrap实现Material Design风格表单插件 附源码下载
2016/04/18 Javascript
Vue.js常用指令汇总(v-if、v-for等)
2016/11/03 Javascript
ECMAScript6 新特性范例大全
2017/03/24 Javascript
TypeScript入门-基本数据类型
2017/03/28 Javascript
jQuery用户头像裁剪插件cropbox.js使用详解
2017/06/07 jQuery
npm 下载指定版本的组件方法
2018/05/17 Javascript
如何使node也支持从url加载一个module详解
2018/06/05 Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
2018/10/30 Javascript
vue实现简单的日历效果
2020/09/24 Javascript
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
2019/09/21 Javascript
p5.js实现简单货车运动动画
2019/10/23 Javascript
在Python中使用matplotlib模块绘制数据图的示例
2015/05/04 Python
Python中的日期时间处理详解
2016/11/17 Python
在双python下设置python3为默认的方法
2018/10/31 Python
python os模块常用的29种方法使用详解
2020/06/02 Python
python 监控logcat关键字功能
2020/09/04 Python
python 贪心算法的实现
2020/09/18 Python
用python对excel查重
2020/12/07 Python
在html5的Canvas上绘制椭圆的几种方法总结
2013/01/07 HTML / CSS
ProBikeKit新西兰:自行车套件,跑步和铁人三项装备
2017/04/05 全球购物
雅高酒店中国:Accorhotels.com China
2018/03/26 全球购物
西班牙最大的在线滑板和街头服饰商店:Fillow.net
2019/04/15 全球购物
系统管理员的职责包括那些?管理的对象是什么?
2016/09/20 面试题
化工实习心得体会
2014/09/09 职场文书
2015年营业员工作总结
2015/04/23 职场文书
Redis实现订单过期删除的方法步骤
2022/06/05 Redis