浅谈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实现多张图片上传预览(不经过后端处理)
Apr 29 jQuery
jquery.validate表单验证插件使用详解
Jun 21 jQuery
jQuery dateRangePicker插件使用方法详解
Jul 28 jQuery
jQuery实现锚点向下平滑滚动特效示例
Aug 29 jQuery
jQuery响应滚动条事件功能示例
Oct 14 jQuery
基于jQuery实现的设置文本区域的光标位置
Jun 15 jQuery
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
jQuery AJAX 方法success()后台传来的4种数据详解
Aug 08 jQuery
jquery的$().each和$.each的区别
Jan 18 jQuery
使用jquery的cookie实现登录页记住用户名和密码的方法
Mar 13 jQuery
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
Feb 01 jQuery
jQuery HTML获取内容和属性操作实例分析
May 20 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
Sorting Array Values in PHP(数组排序)
2011/09/15 PHP
理解Javascript_05_原型继承原理
2010/10/13 Javascript
js 可拖动列表实现代码
2011/12/13 Javascript
javascript上传图片前预览图片兼容大多数浏览器
2013/10/25 Javascript
jquery ajax 局部无刷新更新数据的实现案例
2014/02/08 Javascript
通过onmouseover选项卡实现img图片的变化
2014/02/12 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
2014/04/04 Javascript
jquery实现滑动特效代码
2015/08/10 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
使用JavaScript实现alert的实例代码
2017/07/06 Javascript
js实现加载页面就自动触发超链接的示例
2017/08/31 Javascript
jQuery实现checkbox的简单操作
2017/11/18 jQuery
jQuery幻灯片插件owlcarousel参数说明中文文档
2018/02/27 jQuery
对vue中methods互相调用的方法详解
2018/08/30 Javascript
vue中的 $slot 获取插槽的节点实例
2019/11/12 Javascript
在项目vue中使用echarts的操作步骤
2020/09/07 Javascript
从零开始用webpack构建一个vue3.0项目工程的实现
2020/09/24 Javascript
python WindowsError的错误代码详解
2017/07/23 Python
python微信跳一跳系列之自动计算跳一跳距离
2018/02/26 Python
Python引用计数操作示例
2018/08/23 Python
Python中安装easy_install的方法
2018/11/18 Python
python实现两张图片的像素融合
2019/02/23 Python
python-tkinter之按钮的使用,开关方法
2019/06/11 Python
探秘TensorFlow 和 NumPy 的 Broadcasting 机制
2020/03/13 Python
pycharm通过anaconda安装pyqt5的教程
2020/03/24 Python
Django日志及中间件模块应用案例
2020/09/10 Python
python爬虫中url管理器去重操作实例
2020/11/30 Python
英国现代绅士品牌:Hackett
2017/12/17 全球购物
企业出纳岗位职责
2014/03/12 职场文书
高中教师考核方案
2014/05/18 职场文书
2014年驾驶员工作总结
2014/11/18 职场文书
九华山导游词
2015/02/03 职场文书
教师个人成长总结
2015/02/11 职场文书
2015年端午节国旗下演讲稿
2015/03/19 职场文书
电影开国大典观后感
2015/06/04 职场文书
SpringBoot详解执行过程
2022/07/15 Java/Android