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 相关文章推荐
JavaScript动态创建div等元素实例讲解
Jan 06 Javascript
浅谈js和css内联外联注意事项
Jun 30 Javascript
JS+CSS3制作炫酷的弹窗效果
Nov 08 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
Dec 17 Javascript
AngularJS中run方法的巧妙运用
Jan 04 Javascript
Bootstrap与Angularjs的模态框实例代码
Aug 03 Javascript
Vue路由切换时的左滑和右滑效果示例
May 29 Javascript
使用angularjs.foreach时return的问题解决
Sep 30 Javascript
js中this的指向问题归纳总结
Nov 28 Javascript
详解vue中async-await的使用误区
Dec 05 Javascript
微信小程序开发的基本流程步骤
Jan 31 Javascript
如何检测JavaScript中的死循环示例详解
Aug 30 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
输出控制类
2006/10/09 PHP
PHP安全配置
2006/12/06 PHP
php urlencode()与urldecode()函数字符编码原理详解
2011/12/06 PHP
PHP投票系统防刷票判断流程分析
2012/02/04 PHP
php分页思路以及在ZF中的使用
2012/05/30 PHP
php实现插入排序
2015/03/29 PHP
laravel使用Faker数据填充的实现方法
2019/04/12 PHP
JavaScript prototype 使用介绍
2013/08/29 Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
2014/10/11 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
2015/01/19 Javascript
jQuery验证元素是否为空的两种常用方法
2015/03/17 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
2015/08/26 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
2015/12/03 Javascript
三个js循环的关键字示例(for与while)
2016/02/16 Javascript
jquery html动态添加的元素绑定事件详解
2016/05/24 Javascript
javascript this详细介绍
2016/09/19 Javascript
jQuery继承extend用法详解
2016/10/10 Javascript
jQuery-mobile事件监听与用法详解
2016/11/23 Javascript
原生JS实现图片左右轮播
2016/12/30 Javascript
Ajax实现不刷新取最新商品
2017/03/01 Javascript
Windows安装Node.js报错:2503、2502的解决方法
2017/10/25 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
2019/03/07 Javascript
JS如何实现封装列表右滑动删除收藏按钮
2020/07/23 Javascript
vue 中this.$set 动态绑定数据的案例讲解
2021/01/29 Vue.js
在Python中处理XML的教程
2015/04/29 Python
python获得文件创建时间和修改时间的方法
2015/06/30 Python
如何高效使用Python字典的方法详解
2017/08/31 Python
使用python实现对元素的长截图功能
2019/11/14 Python
街头时尚在线:JESSICABUURMAN
2019/06/16 全球购物
亿阳信通股份有限公司C#笔试题
2016/12/06 面试题
三年级语文教学反思
2014/02/01 职场文书
安全生产中长期规划实施方案
2014/02/21 职场文书
一年级评语大全
2014/04/23 职场文书
公司门卫岗位职责
2015/04/13 职场文书
校车司机安全责任书
2015/05/11 职场文书
给朋友的赠语
2015/06/23 职场文书