浅谈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滑动到底部加载下一页数据的实例代码
May 22 jQuery
jQuery查找和过滤_动力节点节点Java学院整理
Jul 04 jQuery
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
jQuery实现动态显示select下拉列表数据的方法
Feb 05 jQuery
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
jQuery中each方法的使用详解
Mar 18 jQuery
jQuery中each遍历的三种方法实例分析
Sep 07 jQuery
jquery实现动态创建form并提交的方法示例
May 27 jQuery
JQuery省市联动效果实现过程详解
May 08 jQuery
基于JQuery和DWR实现异步数据传递
Oct 16 jQuery
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 jQuery
原生jQuery实现只显示年份下拉框
Dec 24 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和js交互一例-PHP教程,PHP应用
2007/01/03 PHP
PHP实现域名whois查询的代码(数据源万网、新网)
2010/02/22 PHP
PHP函数strip_tags的一个bug浅析
2014/05/22 PHP
PHP采集静态页面并把页面css,img,js保存的方法
2014/12/23 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
PHP基于openssl实现非对称加密代码实例
2020/06/19 PHP
jquery提示 &quot;object expected&quot;的解决方法
2009/12/13 Javascript
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
2010/07/26 Javascript
Javascript图像处理—亮度对比度应用案例
2013/01/03 Javascript
使用js解决由border属性引起的div宽度问题
2013/11/26 Javascript
jquery如何把数组变为字符串传到服务端并处理
2014/04/30 Javascript
javascript数据类型示例分享
2015/01/19 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
2015/03/04 Javascript
在线所见即所得HTML编辑器的实现原理浅析
2015/04/25 Javascript
JavaScript实现99乘法表及隔行变色实例代码
2016/02/24 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
2016/03/05 Javascript
Javascript之String对象详解
2016/06/08 Javascript
微信小程序实现图片自适应(支持多图)
2017/01/25 Javascript
Vuex简单入门
2017/04/19 Javascript
js实现随机数字字母验证码
2017/06/19 Javascript
Angular模板表单校验方法详解
2017/08/11 Javascript
AjaxUpLoad.js实现文件上传功能
2018/03/02 Javascript
JS学习笔记之闭包小案例分析
2019/05/29 Javascript
JS动态图片的实现方法完整示例
2020/01/13 Javascript
JQuery获得内容和属性方法解析
2020/05/30 jQuery
利用Python获取赶集网招聘信息前篇
2016/04/18 Python
pyqt5实现登录界面的模板
2020/05/30 Python
Python threading.local代码实例及原理解析
2020/03/16 Python
Python闭包与装饰器原理及实例解析
2020/04/30 Python
Python爬虫爬取微博热搜保存为 Markdown 文件的源码
2021/02/22 Python
豪华床上用品、床单和浴室必需品:Peacock Alley
2019/09/04 全球购物
PHP数据运算类型都有哪些
2013/11/05 面试题
办公室文秘岗位职责
2013/11/15 职场文书
工作分析计划书
2014/04/30 职场文书
委托代理人授权委托书范本
2014/09/24 职场文书
2015大学生入党个人自传
2015/06/26 职场文书