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中的ready函数冲突的解决方法
May 17 Javascript
javascript中检测变量的类型的代码
Dec 28 Javascript
深入理解JavaScript系列(1) 编写高质量JavaScript代码的基本要点
Jan 15 Javascript
javascrpt绑定事件之匿名函数无法解除绑定问题
Dec 06 Javascript
jQuery控制cookie过期时间的方法
Apr 07 Javascript
JS实现的手机端精简幻灯片效果
Sep 05 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
Sep 29 Javascript
总结Javascript中数组各种去重的方法
Oct 04 Javascript
js实现音频控制进度条功能
Apr 01 Javascript
JS和JQuery实现雪花飘落效果
Nov 30 jQuery
JavaScript 中判断变量是否为数字的示例代码
Oct 22 Javascript
addEventListener()和removeEventListener()追加事件和删除追加事件
Dec 04 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
ThinkPHP的RBAC(基于角色权限控制)深入解析
2013/06/17 PHP
使用Smarty 获取当前日期时间和格式化日期时间的方法详解
2013/06/18 PHP
TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法分析
2019/12/31 PHP
Laravel 集成微信用户登录和绑定的实现
2019/12/27 PHP
Javascript客户端将指定区域导出到Word、Excel的代码
2008/10/22 Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
2013/08/09 Javascript
动态创建script标签实现跨域资源访问的方法介绍
2014/02/28 Javascript
javascript结合ajax读取txt文件内容
2014/12/05 Javascript
JS通过ajax动态读取xml文件内容的方法
2015/03/24 Javascript
JavaScript观察者模式(经典)
2015/12/09 Javascript
基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
2015/12/25 Javascript
使用JQuery实现智能表单验证功能
2016/03/08 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
2016/06/01 Javascript
深入理解javascript中concat方法
2016/12/12 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
2017/02/27 Javascript
Vue组件开发技巧总结
2018/03/04 Javascript
浅谈PDF.js使用心得
2018/06/07 Javascript
JavaScript实现轮播图效果代码实例
2019/09/28 Javascript
JS获取表格视图所选行号的ids过程解析
2020/02/21 Javascript
Python发送以整个文件夹的内容为附件的邮件的教程
2015/05/06 Python
Python中基本的日期时间处理的学习教程
2015/10/16 Python
Python使用sftp实现上传和下载功能(实例代码)
2017/03/14 Python
Django框架之DRF 基于mixins来封装的视图详解
2019/07/23 Python
浅析rem和em和px vh vw和% 移动端长度单位
2016/04/28 HTML / CSS
HTML5 canvas基本绘图之文字渲染
2016/06/27 HTML / CSS
白色公司:The White Company
2017/10/11 全球购物
美国最大的在线寄售和旧货店:Swap.com
2018/08/27 全球购物
Myprotein亚太地区:欧洲第一在线运动营养品牌
2020/12/20 全球购物
高中化学教学反思
2014/01/13 职场文书
餐饮部总监岗位职责范文
2014/02/13 职场文书
文秘求职信范文
2014/04/10 职场文书
环保公益策划方案
2014/08/15 职场文书
2014幼儿园卫生保健工作总结
2014/12/05 职场文书
财务总监岗位职责范本
2015/04/03 职场文书
卫生保健工作总结2015
2015/05/18 职场文书
Win11快速关闭所有广告推荐
2022/04/19 数码科技