JS请求servlet功能示例

 更新时间:2017年06月01日 15:02:48   作者:沧-浪-之  
这篇文章主要介绍了JS请求servlet功能,结合具体实例形式分析了javascript使用ajax请求servlet端响应的主要功能代码与相关操作技巧,需要的朋友可以参考下

本文实例讲述了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中ajax操作技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • Input 特殊事件onpopertychange和oninput

    Input 特殊事件onpopertychange和oninput

    onpopertychange和oninput的区别。
    2009-06-06
  • IE bug table元素的innerHTML

    IE bug table元素的innerHTML

    做项目时遇到一个数据表需要展示,由于坚定着使用合理标签表示合适内容,于是使用了table,悲剧开始了。
    2010-01-01
  • 浅析JS获取url中的参数实例代码

    浅析JS获取url中的参数实例代码

    本文给大家介绍js获取url中的参数实例代码,通过取得整个地址栏,取得所有参数以及各个参数放到数组里,代码比较简单,有需要的朋友可以参考下
    2016-06-06
  • 如何基于JavaScript判断图片是否加载完成

    如何基于JavaScript判断图片是否加载完成

    这篇文章主要介绍了如何基于JavaScript判断图片是否加载完成,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • javaScript字符串工具类StringUtils详解

    javaScript字符串工具类StringUtils详解

    这篇文章主要为大家详细介绍了javaScript字符串工具类StringUtils,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • JS实现的ajax和同源策略(实例讲解)

    JS实现的ajax和同源策略(实例讲解)

    下面小编就为大家分享一篇JS实现的ajax和同源策略的实例讲解,具有很好的参考价值,希望对大家有所帮助
    2017-12-12
  • p5.js入门教程之键盘交互

    p5.js入门教程之键盘交互

    这篇文章主要介绍了p5.js入门教程之键盘交互,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • JavaScript中的this基本问题实例小结

    JavaScript中的this基本问题实例小结

    这篇文章主要介绍了JavaScript中的this基本问题,结合实例形式总结分析了JavaScript中this的功能、常见用法与操作注意事项,需要的朋友可以参考下
    2020-03-03
  • 使用JavaScript实现检测网页是否为空闲状态

    使用JavaScript实现检测网页是否为空闲状态

    最近开发项目时,常碰到“用户在一定时间内无任何操作时,跳转到某个页面”的需求,所以本文就来使用JavaScript实现这一要求,需要的可以参考下
    2024-03-03
  • three.js中文文档学习之通过模块导入

    three.js中文文档学习之通过模块导入

    这篇文章主要给大家介绍了关于three.js中文文档学习之通过模块导入的相关资料,文中通过示例代码介绍的非常详细,对大家学习或使用three.js具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-11-11

最新评论