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获取单选按钮的数据
Nov 27 Javascript
jquery验证表单中的单选与多选实例
Aug 18 Javascript
基于Jquery实现键盘按键监听
May 11 Javascript
JS获得图片alt信息的方法
Apr 01 Javascript
Bootstrap前端开发案例二
Jun 17 Javascript
JS查找字符串中出现次数最多的字符
Sep 05 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
Feb 15 Javascript
vue组件间通信解析
Mar 01 Javascript
js禁止浏览器的回退事件
Apr 20 Javascript
利用JS实现简单的瀑布流加载图片效果
Apr 22 Javascript
Angular简单验证功能示例
Dec 22 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
Oct 22 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
ini_set的用法介绍
2014/01/07 PHP
php中mysql连接和基本操作代码(快速测试使用,简单方便)
2014/04/25 PHP
php一行代码获取文件后缀名实例分析
2014/11/12 PHP
ThinkPHP独立分组使用的注意事项
2014/11/25 PHP
PHP面向对象类型约束用法分析
2019/06/12 PHP
yii2.0框架场景的简单使用示例
2020/01/25 PHP
JavaScript中的类继承
2010/11/25 Javascript
基于jquery的不规则矩形的排列实现代码
2012/04/16 Javascript
JavaScript实现GriwView单列全选(自写代码)
2013/05/13 Javascript
jQuery制作简洁的多级联动Select下拉框
2014/12/23 Javascript
jQuery中Ajax的get、post等方法详解
2015/01/20 Javascript
JavaScript中Number.MIN_VALUE属性的使用示例
2015/06/04 Javascript
ECMAScript6中Map/WeakMap详解
2015/06/12 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
2016/03/29 Javascript
javascript高级选择器querySelector和querySelectorAll全面解析
2016/04/07 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
2016/10/20 Javascript
Vue非父子组件通信详解
2017/06/12 Javascript
nodejs body-parser 解析post数据实例
2017/07/26 NodeJs
十个免费的web前端开发工具详细整理
2017/09/18 Javascript
在vscode里使用.vue代码模板的方法
2018/04/28 Javascript
webstorm+vue初始化项目的方法
2018/10/18 Javascript
vue项目中在可编辑div光标位置插入内容的实现代码
2020/01/07 Javascript
让 python 命令行也可以自动补全
2014/11/30 Python
详细解析Python当中的数据类型和变量
2015/04/25 Python
python3实现从kafka获取数据,并解析为json格式,写入到mysql中
2019/12/23 Python
奥斯汀独木舟和皮划艇:Austin Canoe & Kayak
2018/05/22 全球购物
巴西儿童时尚购物网站:Dinda
2019/08/14 全球购物
小学少先队活动方案
2014/02/18 职场文书
竞聘演讲稿
2014/04/24 职场文书
庆六一文艺汇演活动方案
2014/08/26 职场文书
机关领导查摆四风思想汇报
2014/09/13 职场文书
个人贷款授权委托书样本
2014/10/07 职场文书
部队2014年终工作总结
2014/11/27 职场文书
活动总结模板大全
2015/05/11 职场文书
Win11无法安装更新补丁KB3045316怎么办 附KB3045316补丁修复教程
2022/08/14 数码科技