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 select控制插件
Aug 17 Javascript
javascript事件问题
Sep 05 Javascript
node.js中的fs.readSync方法使用说明
Dec 17 Javascript
javascript实现复选框选中属性
Mar 25 Javascript
JS简单实现浮动窗口效果示例
Sep 07 Javascript
Vue开发过程中遇到的疑惑知识点总结
Jan 20 Javascript
ES6生成器用法实例分析
Apr 10 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
Jun 01 Javascript
React Native使用Modal自定义分享界面的示例代码
Oct 31 Javascript
实例介绍JavaScript中多种组合继承
Jan 20 Javascript
js Array.slice的8种不同用法示例
Jul 10 Javascript
你不知道的 TypeScript 高级类型(小结)
Aug 28 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
检查用户名是否已在mysql中存在的php写法
2014/01/20 PHP
简单解决微信文章图片防盗链问题
2016/12/17 PHP
动态加载js的几种方法
2006/10/23 Javascript
js类中获取外部函数名的方法与代码
2007/09/12 Javascript
js加解密 脚本解密
2008/02/22 Javascript
JavaScript通过元素的ID和name设置样式
2014/07/08 Javascript
jquery处理页面弹出层查询数据等待操作实例
2015/03/25 Javascript
JavaScript实现信用卡校验方法
2015/04/07 Javascript
AngularJS动态绑定HTML的方法分析
2016/11/07 Javascript
Node.js发送HTTP客户端请求并显示响应结果的方法示例
2017/04/12 Javascript
vue.js利用defineProperty实现数据的双向绑定
2017/04/28 Javascript
JavaScript时间戳与时间日期间相互转换
2017/12/11 Javascript
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
2019/09/03 Javascript
微信小程序监听用户登录事件的实现方法
2019/11/11 Javascript
node实现mock-plugin中间件的方法
2019/12/25 Javascript
vue的$http的get请求要加上params操作
2020/11/12 Javascript
Django框架中render_to_response()函数的使用方法
2015/07/16 Python
Python使用multiprocessing实现一个最简单的分布式作业调度系统
2016/03/14 Python
Python爬取网页中的图片(搜狗图片)详解
2017/03/23 Python
pandas对指定列进行填充的方法
2018/04/11 Python
django 将model转换为字典的方法示例
2018/10/16 Python
PyQt5 对图片进行缩放的实例
2019/06/18 Python
pandas中DataFrame修改index、columns名的方法示例
2019/08/02 Python
Python实现屏幕录制功能的代码
2020/03/02 Python
python和c语言哪个更适合初学者
2020/06/22 Python
写一个方法1000的阶乘
2012/11/21 面试题
建筑工程毕业生自我鉴定
2014/01/14 职场文书
《梅兰芳学艺》教学反思
2014/02/24 职场文书
企业法人授权委托书
2014/04/03 职场文书
大专学生求职信
2014/07/04 职场文书
假期安全教育广播稿
2014/10/04 职场文书
群众路线查摆问题及整改措施
2014/10/10 职场文书
靠谱准确的求职信
2019/04/02 职场文书
在前女友婚礼上,用Python破解了现场的WIFI还把名称改成了
2021/05/28 Python
javascript数组includes、reduce的基本使用
2021/07/02 Javascript
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏