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来生成ftp脚本的小例子
Jul 03 Javascript
js 金额格式化来回转换示例
Feb 23 Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
Sep 01 Javascript
javascript手工制作悬浮菜单
Feb 12 Javascript
jquery实现的缩略图预览滑块实例
Jun 25 Javascript
Ionic如何实现下拉刷新与上拉加载功能
Jun 03 Javascript
jQuery基本选择器之标签名选择器
Sep 03 Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
Dec 08 Javascript
JavaScript运动框架 链式运动到完美运动(五)
May 18 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
Jul 04 Javascript
JointJS JavaScript流程图绘制框架解析
Aug 15 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
Jul 27 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 中执行排序与 MySQL 中排序
2009/04/21 PHP
PHP CLI模式下的多进程应用分析
2013/06/03 PHP
php实现的SSO单点登录系统接入功能示例分析
2016/10/12 PHP
PHP简单实现防止SQL注入的方法
2018/03/13 PHP
laravel 中某一字段自增、自减的例子
2019/10/11 PHP
Laravel相关的一些故障解决
2020/08/19 PHP
Web开发者必备的12款超赞jQuery插件
2010/12/03 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
JavaScript中的toLocaleDateString()方法使用简介
2015/06/12 Javascript
JavaScript字符串常用的方法
2016/03/10 Javascript
jQuery查看选中对象HTML代码的方法
2016/06/17 Javascript
js获取页面引用的css样式表中的属性值方法(推荐)
2016/08/19 Javascript
利用angular.copy取消变量的双向绑定与解析
2016/11/25 Javascript
微信小程序 页面之间传参实例详解
2017/01/13 Javascript
基于javascript实现数字英文验证码
2017/01/25 Javascript
js实现二级导航功能
2017/03/03 Javascript
vue.js中created方法作用
2018/03/30 Javascript
深入分析element ScrollBar滚动组件源码
2019/01/22 Javascript
如何给element添加一个抽屉组件的方法步骤
2019/07/14 Javascript
Python数据类型详解(三)元祖:tuple
2016/05/08 Python
Python删除Java源文件中全部注释的实现方法
2017/08/30 Python
Python实现的爬取百度文库功能示例
2019/02/16 Python
Pyinstaller打包.py生成.exe的方法和报错总结
2019/04/02 Python
Python实现多态、协议和鸭子类型的代码详解
2019/05/05 Python
Python绘制热力图示例
2019/09/27 Python
this关键字的作用
2016/01/30 面试题
师范大学毕业自我鉴定
2013/11/21 职场文书
超市中秋节活动方案
2014/02/12 职场文书
《放小鸟》教学反思
2014/04/20 职场文书
学校评语大全
2014/05/06 职场文书
2015最新民情日记范文
2015/06/26 职场文书
公司回复函格式
2015/07/14 职场文书
致短跑运动员加油稿
2015/07/21 职场文书
2016年元旦寄语
2015/08/17 职场文书
导游词之广州陈家祠
2019/10/21 职场文书
详细聊聊vue中组件的props属性
2021/11/02 Vue.js