浅谈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 相关文章推荐
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 jQuery
jQuery日期范围选择器附源码下载
May 23 jQuery
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
jQuery中each方法的使用详解
Mar 18 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
jquery拖拽自动排序插件使用方法详解
Jul 20 jQuery
jquery无缝图片轮播组件封装
Nov 25 jQuery
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
jquery分页优化操作实例分析
Aug 23 jQuery
JQuery复选框全选效果如何实现
May 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引用效率问题分析
2012/03/23 PHP
php检查页面是否被百度收录
2015/10/28 PHP
php验证码的制作思路和实现方法
2015/11/12 PHP
PHP基于PDO调用sqlserver存储过程通用方法【基于Yii框架】
2017/10/07 PHP
PHP实现获取毫秒时间戳的方法【使用microtime()函数】
2019/03/01 PHP
javascript之锁定表格栏位
2007/06/29 Javascript
基于JQuery的类似新浪微博展示信息效果的代码
2012/07/23 Javascript
原生JavaScript生成GUID的实现示例
2014/09/05 Javascript
浅谈关于JavaScript API设计的一些建议和准则
2015/06/24 Javascript
jQuery菜单插件用法实例
2015/07/25 Javascript
jQuery插件ajaxfileupload.js实现上传文件
2020/10/23 Javascript
使用bootstrap validator的remote验证代码经验分享(推荐)
2016/09/21 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
2017/05/02 Javascript
jQuery Validate表单验证插件实现代码
2017/06/08 jQuery
JavaScript无操作后屏保功能的实现方法
2017/07/04 Javascript
React全家桶环境搭建过程详解
2018/05/18 Javascript
js数组中去除重复值的几种方法
2020/08/03 Javascript
vue实现下拉菜单树
2020/10/22 Javascript
[01:13]这,就是刀塔
2014/07/16 DOTA
python判断、获取一张图片主色调的2个实例
2014/04/10 Python
更改Python命令行交互提示符的方法
2015/01/14 Python
python嵌套函数使用外部函数变量的方法(Python2和Python3)
2016/01/31 Python
安装Python的教程-Windows
2017/07/22 Python
tensorflow实现图像的裁剪和填充方法
2018/07/27 Python
Python计算时间间隔(精确到微妙)的代码实例
2019/02/26 Python
Python实现定时执行任务的三种方式简单示例
2019/03/30 Python
python从内存地址上加载python对象过程详解
2020/01/08 Python
Interflora澳大利亚:同日鲜花速递
2019/06/25 全球购物
利用异或运算实现两个无符号数的加法运算
2013/12/20 面试题
儿科护士自我鉴定
2013/10/14 职场文书
内容编辑个人求职信
2013/12/10 职场文书
初中生自我鉴定
2014/02/04 职场文书
《和田的维吾尔》教学反思
2014/04/14 职场文书
数控机床专业自荐信
2014/05/19 职场文书
Python竟然能剪辑视频
2021/05/25 Python
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技