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实现按的数据源均分时间点幻灯片效果(已封装)
Dec 28 Javascript
js调用后台、后台调用前台等方法总结
Apr 17 Javascript
在HTML代码中使用JavaScript代码的例子
Oct 16 Javascript
JS实现控制表格行文本对齐的方法
Mar 30 Javascript
jQuery Validate验证框架经典大全
Sep 23 Javascript
使用javascript插入样式
Mar 14 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
Dec 19 Javascript
vue引用js文件的多种方式(推荐)
May 17 Javascript
vue导出html、word和pdf的实现代码
Jul 31 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
Jun 04 Javascript
Vue详细的入门笔记
May 10 Vue.js
vue响应式原理与双向数据的深入解析
Jun 04 Vue.js
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实现Mysql读写分离
2013/06/28 PHP
safari下载文件自动加了html后缀问题
2018/11/09 PHP
常用参考资料(手册)下载或者链接
2006/07/22 Javascript
IE FF OPERA都可用的弹出层实现代码
2009/09/29 Javascript
通过继承IHttpHandle实现JS插件的组织与管理
2010/07/13 Javascript
jquery $.each() 使用小探
2013/08/23 Javascript
jquery衣服颜色选取插件效果代码分享
2015/08/28 Javascript
JS字符串长度判断,超出进行自动截取的实例(支持中文)
2017/03/06 Javascript
原生JS实现$.param() 函数的方法
2018/08/10 Javascript
Vue循环组件加validate多表单验证的实例
2018/09/18 Javascript
详解vue配置后台接口方式
2019/03/29 Javascript
layui动态表头的实现代码
2019/08/22 Javascript
JavaScript位置参数实现原理及过程解析
2020/09/14 Javascript
[01:05:07]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第一场2月1日
2021/03/11 DOTA
[56:38]DOTA2-DPC中国联赛正赛Aster vs Magma BO3 第一场 3月5日
2021/03/11 DOTA
python 排列组合之itertools
2013/03/20 Python
python爬虫教程之爬取百度贴吧并下载的示例
2014/03/07 Python
python使用sorted函数对列表进行排序的方法
2015/04/04 Python
Python实现的用户登录系统功能示例
2018/02/05 Python
python读写LMDB文件的方法
2018/07/02 Python
Python subprocess库的使用详解
2018/10/26 Python
pyspark操作MongoDB的方法步骤
2019/01/04 Python
ansible动态Inventory主机清单配置遇到的坑
2020/01/19 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
HTML5移动端开发遇见的东西
2019/10/11 HTML / CSS
大学生四年生活自我鉴定
2013/11/21 职场文书
小学教师岗位职责
2013/11/25 职场文书
最新党员思想汇报
2014/01/01 职场文书
乡镇办公室工作决心书
2014/03/11 职场文书
纪检干部对照检查材料
2014/08/22 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
欢迎新生标语
2014/10/06 职场文书
2014年房地产工作总结范文
2014/11/19 职场文书
2014年销售工作总结范文
2014/12/01 职场文书
Python字符串对齐方法使用(ljust()、rjust()和center())
2021/04/26 Python
Nginx反向代理配置的全过程记录
2021/06/22 Servers