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 相关文章推荐
再分享70+免费的jquery 图片滑块效果插件和教程
Dec 15 Javascript
JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
Sep 24 Javascript
js中判断变量类型函数typeof的用法总结
Aug 09 Javascript
BootStrap table表格插件自适应固定表头(超好用)
Aug 24 Javascript
JavaScript lodash常见用法系列小结
Aug 24 Javascript
解析jQueryEasyUI的使用
Nov 22 Javascript
js常用DOM方法详解
Feb 04 Javascript
详解Node.js开发中的express-session
May 19 Javascript
webpack将js打包后的map文件详解
Feb 22 Javascript
Bootstrap table表格初始化表格数据的方法
Jul 25 Javascript
详解Vue中使用Axios拦截器
Apr 22 Javascript
JavaScript实现好看的跟随彩色气泡效果
Feb 06 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 图片文件上传实现代码
2010/12/29 PHP
PHP管理依赖(dependency)关系工具 Composer的自动加载(autoload)
2014/08/18 PHP
学习php设计模式 php实现装饰器模式(decorator)
2015/12/07 PHP
浅谈php中curl、fsockopen的应用
2016/12/10 PHP
JS类中定义原型方法的两种实现的区别
2007/03/08 Javascript
把字符串按照特定的字母顺序进行排序的js代码
2014/01/28 Javascript
基于jquery实现的可编辑下拉框实现代码
2014/08/02 Javascript
jquery通过load获取文件的内容并跳到锚点的方法
2015/01/29 Javascript
angularJS 如何读写缓冲的方法(推荐)
2016/08/06 Javascript
微信小程序  简单实例(阅读器)的实例开发
2016/09/29 Javascript
js 提交form表单和设置form表单请求路径的实现方法
2016/10/25 Javascript
jQuery插件autocomplete使用详解
2017/02/04 Javascript
JavaScript 函数节流详解及方法总结
2017/02/09 Javascript
NodeJS学习笔记之Module的简介
2017/03/24 NodeJs
JS库 Highlightjs 添加代码行号的实现代码
2017/09/13 Javascript
layui点击按钮添加可编辑的一行方法
2018/08/15 Javascript
node.js之基础加密算法模块crypto详解
2018/09/11 Javascript
基于Vue SEO的四种方案(小结)
2019/07/01 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
2020/01/14 Javascript
Vuex的热更替如何实现
2020/06/05 Javascript
[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python中的类与对象之描述符详解
2015/03/27 Python
Python学习pygal绘制线图代码分享
2017/12/09 Python
Python同步遍历多个列表的示例
2019/02/19 Python
Windows下pycharm安装第三方库失败(通用解决方案)
2020/09/17 Python
css3进阶之less实现星空动画的示例代码
2019/09/10 HTML / CSS
美国瑜伽品牌:Gaiam
2017/10/31 全球购物
英国顶级水晶珠宝零售商之一:Tresor Paris
2019/04/27 全球购物
美国乒乓球设备、配件和服装品牌:Killerspin
2020/06/07 全球购物
远程研修随笔感言
2014/02/10 职场文书
会计试用期自我评价
2014/09/19 职场文书
2014年销售工作总结与计划
2014/12/01 职场文书
SQL Server代理:理解SQL代理错误日志处理方法
2021/06/30 SQL Server
Python查找算法的实现 (线性、二分,分块、插值查找算法)
2022/04/24 Python
apache虚拟主机配置的三种方式(小结)
2022/07/23 Servers
MySQL实现用逗号进行拼接、以逗号进行分割
2022/12/24 MySQL