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 AJAX 框架的使用方法
Nov 03 Javascript
比较详细的关于javascript 解析json的代码
Dec 16 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Sep 26 Javascript
Javascript 中创建自定义对象的方法汇总
Dec 04 Javascript
基于BootstrapValidator的Form表单验证(24)
Dec 12 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
Jan 04 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
Mar 13 Javascript
vue实现的上传图片到数据库并显示到页面功能示例
Mar 17 Javascript
Node.js Koa2使用JWT进行鉴权的方法示例
Aug 17 Javascript
JavaScript使用indexOf()实现数组去重的方法分析
Sep 04 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
Sep 11 Javascript
JS前端canvas交互实现拖拽旋转及缩放示例
Aug 05 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中的数组操作函数整理
2008/08/18 PHP
PHP 可阅读随机字符串代码
2010/05/26 PHP
PHP Curl多线程原理实例详解
2013/11/06 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
PHP实现的多维数组去重操作示例
2018/07/21 PHP
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
2011/08/23 Javascript
js中判断数字\字母\中文的正则表达式 (实例)
2012/06/29 Javascript
js中parseInt函数浅谈
2013/07/31 Javascript
javascript模拟命名空间
2015/04/17 Javascript
javascript背景时钟实现方法
2015/06/18 Javascript
JS根据生日月份和日期计算星座的简单实现方法
2016/11/24 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
2017/01/03 Javascript
jQuery dateRangePicker插件使用方法详解
2017/07/28 jQuery
JS中使用textPath实现线条上的文字
2017/12/25 Javascript
ElementUI radio组件选中小改造
2019/08/12 Javascript
Vue页面渲染中key的应用实例教程
2021/01/12 Vue.js
[01:23:45]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第一场 1月22日
2021/03/11 DOTA
Python实现简单拆分PDF文件的方法
2015/07/30 Python
python中string模块各属性以及函数的用法介绍
2016/05/30 Python
基于Python实现对PDF文件的OCR识别
2016/08/05 Python
python爬虫爬取网页表格数据
2018/03/07 Python
Python paramiko 模块浅谈与SSH主要功能模拟解析
2020/02/29 Python
python从Oracle读取数据生成图表
2020/10/14 Python
HTML5探秘:用requestAnimationFrame优化Web动画
2018/06/03 HTML / CSS
Timex手表官网:美国运动休闲手表品牌
2017/01/28 全球购物
意大利中国电子产品购物网站:Geekmall.com
2019/09/30 全球购物
Kusmi茶美国官网:优质散叶茶和茶包
2019/10/13 全球购物
非常详细的C#面试题集
2016/07/13 面试题
生日邀请函范文
2014/01/13 职场文书
《诚实与信任》教学反思
2014/04/10 职场文书
国旗下演讲稿
2014/05/08 职场文书
关爱老人标语
2014/06/21 职场文书
教师工作自我鉴定范文
2014/09/14 职场文书
村当支部个人对照检查材料思想汇报
2014/10/06 职场文书
自我工作评价范文
2015/03/06 职场文书
2019年暑期法院实习报告
2019/12/18 职场文书