浅谈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实现的MSBar3D图效果示例【附demo源码】
Mar 23 jQuery
Angular2使用jQuery的方法教程
May 28 jQuery
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
Jun 02 jQuery
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
Jun 26 jQuery
jquery版轮播图效果和extend扩展
Jul 18 jQuery
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
Aug 17 jQuery
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
简单实现jQuery上传图片显示预览功能
Jun 29 jQuery
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
jQuery简单实现根据日期计算星期几的方法
Jan 09 jQuery
JQuery中queue方法用法示例
Jan 31 jQuery
JQuery样式操作、click事件以及索引值-选项卡应用示例
May 14 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跳出循环的方法以及continue、break、exit的区别介绍
2013/07/01 PHP
php分页函数完整实例代码
2014/09/22 PHP
smarty中常用方法实例总结
2015/08/07 PHP
PHP实现简单登录界面
2019/10/23 PHP
基于jQuery的history历史记录插件
2010/12/11 Javascript
当某个文本框成为焦点时即清除文本框内容
2014/04/28 Javascript
js获取域名的方法
2015/01/27 Javascript
JavaScript实现的一个倒计时的类
2015/03/12 Javascript
js正则表达式中exec用法实例
2015/07/23 Javascript
JavaScript 经典实例日常收集整理(常用经典)
2016/03/30 Javascript
jQuery获取当前点击的对象元素(实现代码)
2016/05/19 Javascript
JavaScript 限制文本框不可输入英文单双引号的方法
2016/12/20 Javascript
微信小程序学习(4)-系统配置app.json详解
2017/01/12 Javascript
解决npm管理员身份install时出现权限的问题
2018/03/16 Javascript
webpack4之SplitChunksPlugin使用指南
2018/06/12 Javascript
Promise.all中对于reject的处理方法
2018/08/01 Javascript
使用electron将vue-cli项目打包成exe的方法
2018/09/29 Javascript
vue移动端城市三级联动组件使用详解
2019/07/26 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
2020/10/29 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
Django如何开发简单的查询接口详解
2019/05/17 Python
python实现高斯判别分析算法的例子
2019/12/09 Python
Tensorflow训练模型越来越慢的2种解决方案
2020/02/07 Python
pytorch中图像的数据格式实例
2020/02/11 Python
Python 炫技操作之合并字典的七种方法
2020/04/10 Python
python实现二分类和多分类的ROC曲线教程
2020/06/15 Python
纯CSS3实现绘制各种图形实现代码详细整理
2012/12/26 HTML / CSS
工作自荐信
2013/12/11 职场文书
销售工作岗位职责
2013/12/24 职场文书
《音乐之都维也纳》教学反思
2014/04/16 职场文书
小区推广策划方案
2014/06/06 职场文书
小班教师个人总结
2015/02/05 职场文书
公务员年度考核个人总结
2015/02/12 职场文书
关于开学的感想
2015/08/10 职场文书
2016年入党心得体会范文
2016/01/23 职场文书
科学家研发出新型速效酶,可在 24 小时内降解塑料制品
2022/04/29 数码科技