JS请求servlet功能示例


Posted in Javascript onJune 01, 2017

本文实例讲述了JS请求servlet的方法。分享给大家供大家参考,具体如下:

前端js代码:

//创建ajax请求对象
var xmlHttp;
function createXMLHttpRequest(){
  if(window.ActiveXObject){
      xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  else if(window.XMLHttpRequest){
      xmlHttp = new XMLHttpRequest();
  }
}
/**
 * 表单提交
 */
function submit(){
  //发送请求
  var searchContent = $id("search_input").value;//查找内容
  createXMLHttpRequest();
  try{
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.open("GET", "/MyMap/QueryMapServlet?searchName="+searchContent, true);
    xmlHttp.send(null);
    }catch(exception){
    alert("您要访问的资源不存在!");
    }
  $("sideToggleRight").attr("checked","checked");//无作用
}
//处理结果
function handleStateChange(){
  if(xmlHttp.readyState == 4){
    if (xmlHttp.status == 200 || xmlHttp.status == 0){
      var t = xmlHttp.responseText;
        jsonobj = eval('('+t+')');
    }
  }
}

servlet端:

//oracle数据库查询的结果:
Class.forName("oracle.jdbc.driver.OracleDriver");
conn = DriverManager.getConnection(url, "dio", "123");
stmt = conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE, ResultSet.CONCUR_UPDATABLE);
rs = stmt.executeQuery("SELECT * FROM GEO where ST like '%"+searchName+"%'");
ResultSetMetaData metaData = rs.getMetaData();
rs.beforeFirst();//将指针移到最开始的位置
int columnCount = metaData.getColumnCount(); //列数
 JSONArray array = new JSONArray();
  while (rs.next()) {
   JSONObject jsonObj = new JSONObject();
    //输出数据
    for (int i = 1; i <= columnCount; i++) {
     String columnName = metaData.getColumnLabel(i);
     String value = rs.getString(columnName);
     jsonObj.put(columnName, value);
    }
     array.put(jsonObj);
    }
   System.out.println(array);
   response.getWriter().print(array);
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JS截取字符串常用方法整理及使用示例
Oct 18 Javascript
javascript 原型链维护和继承详解
Nov 26 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
May 07 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
Oct 21 Javascript
jQuery学习笔记之入门
Dec 14 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
Jul 20 Javascript
Thinkjs3新手入门之如何使用静态资源目录
Dec 06 Javascript
vue实现图片加载完成前的loading组件方法
Feb 05 Javascript
解决vue的 v-for 循环中图片加载路径问题
Sep 03 Javascript
jQuery实现获取及设置CSS样式操作详解
Sep 05 jQuery
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
Feb 21 Javascript
vue跳转页面的几种方法(推荐)
Mar 26 Javascript
vue.js加载新的内容(实例代码)
Jun 01 #Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
Jun 01 #Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
Jun 01 #Javascript
详解Vue2.0里过滤器容易踩到的坑
Jun 01 #Javascript
Angularjs验证用户输入的字符串是否为日期时间
Jun 01 #Javascript
jQuery实现web页面樱花坠落的特效
Jun 01 #jQuery
jquery网页加载进度条的实现
Jun 01 #jQuery
You might like
PHP的简易冒泡法代码分享
2012/08/28 PHP
Youku 视频绝对地址获取的方法详解
2013/06/26 PHP
解析php中的escape函数
2013/06/29 PHP
PHP去掉json字符串中的反斜杠\及去掉双引号前的反斜杠
2015/09/30 PHP
编写PHP脚本使WordPress的主题支持Widget侧边栏
2015/12/14 PHP
thinkPHP+ajax实现统计页面pv浏览量的方法
2017/03/15 PHP
php 自定义函数实现将数据 以excel 表格形式导出示例
2019/11/13 PHP
javascript数组的扩展实现代码集合
2008/06/01 Javascript
Javascript浮点数乘积运算出现多位小数的解决方法
2014/02/17 Javascript
IE下双击checkbox反应延迟问题的解决方法
2014/03/27 Javascript
JavaScript中的console.time()函数详细介绍
2014/12/29 Javascript
javascript中mouseover、mouseout使用详解
2015/07/19 Javascript
jQuery插件实现无缝滚动特效
2015/11/24 Javascript
你不知道的高性能JAVASCRIPT
2016/01/18 Javascript
js验证框架之RealyEasy验证详解
2016/06/08 Javascript
轻松理解JavaScript闭包
2017/03/14 Javascript
JavaScript中使用参数个数实现重载功能
2017/09/01 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
2017/12/22 Javascript
jsonp跨域及实现百度首页联想功能的方法
2018/08/30 Javascript
iview的table组件自带的过滤器实现
2019/07/12 Javascript
layui实现数据表格隐藏列的示例
2019/10/25 Javascript
Javascript和jquery在selenium的使用过程
2019/10/31 jQuery
[01:38]女王驾到——至宝魔廷新尊技能&特效展示
2020/06/16 DOTA
收集的几个Python小技巧分享
2014/11/22 Python
Python决策树分类算法学习
2017/12/22 Python
python爬虫可以爬什么
2020/06/16 Python
html5自带表单验证体验优化及提示气泡修改功能
2017/09/12 HTML / CSS
纯html5+css3下拉导航菜单实现代码
2013/03/18 HTML / CSS
canvas与html5实现视频截图功能示例
2016/12/15 HTML / CSS
喜诗官方在线巧克力店:See’s Candies
2017/01/01 全球购物
Jacadi Paris美国官方网站:法国童装品牌
2017/10/15 全球购物
应届生英语教师求职信
2013/11/05 职场文书
《宿建德江》教学反思
2014/04/23 职场文书
印刷技术专业自荐信
2014/09/18 职场文书
2014年保险公司工作总结
2014/11/22 职场文书
八年级英语教学反思
2016/02/15 职场文书