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 相关文章推荐
基于JQuery的抓取博客园首页RSS的代码
Dec 01 Javascript
jQuery 插件开发指南
Nov 14 Javascript
javascript中this的四种用法
May 11 Javascript
jQuery验证插件validate使用详解
May 11 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
Jul 06 Javascript
JS添加或修改控件的样式(Class)实现方法
Oct 15 Javascript
javascript数组去重方法分析
Dec 15 Javascript
JS库之Waypoints的用法详解
Sep 13 Javascript
javascript实现获取一个日期段内每天不同的价格(计算入住总价格)
Feb 05 Javascript
微信小程序实现弹出菜单功能
Jun 12 Javascript
详解js中let与var声明变量的区别
Apr 05 Javascript
通过实例学习React中事件节流防抖
Jun 17 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
Yii2框架控制器、路由、Url生成操作示例
2019/05/27 PHP
定义JavaScript二维数组采用定义数组的数组来实现
2012/12/09 Javascript
javascript获取url上某个参数的方法
2013/11/08 Javascript
IE下window.onresize 多次调用与死循环bug处理方法介绍
2013/11/12 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
2013/11/25 Javascript
jquery form 隐藏的input 选择
2014/04/29 Javascript
vuejs2.0实现一个简单的分页示例
2017/02/22 Javascript
Bootstrap Scrollspy源码学习
2017/03/02 Javascript
JavaScript标准对象_动力节点Java学院整理
2017/06/27 Javascript
详解bootstrap导航栏.nav与.navbar区别
2017/11/23 Javascript
BootStrap table实现表格行拖拽效果
2018/12/01 Javascript
VUE : vue-cli中去掉路由中的井号#操作
2020/09/04 Javascript
[01:02:54]完美世界DOTA2联赛PWL S2 FTD vs GXR 第一场 11.22
2020/11/26 DOTA
python类的继承实例详解
2017/03/30 Python
python中numpy的矩阵、多维数组的用法
2018/02/05 Python
Python cookbook(数据结构与算法)将多个映射合并为单个映射的方法
2018/04/19 Python
Python实现多线程的两种方式分析
2018/08/29 Python
python+selenium实现自动化百度搜索关键词
2019/06/03 Python
python读写csv文件实例代码
2019/07/05 Python
python3 下载网络图片代码实例
2019/08/27 Python
详解用Python调用百度地图正/逆地理编码API
2020/07/02 Python
Django后端按照日期查询的方法教程
2021/02/28 Python
UDP协议功能
2013/01/06 面试题
Java程序员面试题
2013/07/15 面试题
会计出纳岗位职责
2013/12/25 职场文书
经验丰富大学生村干部自我鉴定
2014/01/22 职场文书
给孩子的新年寄语
2014/04/08 职场文书
导游个人求职信
2014/04/25 职场文书
活动总结书
2014/05/08 职场文书
银行求职自荐书
2014/06/25 职场文书
超市开业庆典活动策划方案
2014/09/15 职场文书
2014年财务部工作总结
2014/11/11 职场文书
党校学习个人总结
2015/02/15 职场文书
SSM项目使用拦截器实现登录验证功能
2022/01/22 Java/Android
Nginx本地配置SSL访问的实例教程
2022/05/30 Servers
SQLyog的下载、安装、破解、配置教程(MySQL可视化工具安装)
2022/09/23 MySQL