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程序设计有所帮助。

相关文章

  • javascript里使用php代码实例

    javascript里使用php代码实例

    这篇文章主要介绍了javascript里使用php代码的方法,以实例形式展示了javascript与php代码混编的应用技巧,非常具有实用价值,需要的朋友可以参考下
    2014-12-12
  • js中数组常用方法总结(推荐)

    js中数组常用方法总结(推荐)

    这篇文章主要介绍了js中数组常用方法总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • TypeScript中类型映射的使用

    TypeScript中类型映射的使用

    TypeScript中的映射类型和数学中的映射类似,能够将一个集合的元素转换为新集合的元素,本文就来介绍一下TypeScript中类型映射的使用,感兴趣的可以了解一下
    2023-10-10
  • 基于JavaScript实现猜数字游戏代码实例

    基于JavaScript实现猜数字游戏代码实例

    这篇文章主要介绍了基于JavaScript实现猜数字游戏代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • js编写三级联动简单案例

    js编写三级联动简单案例

    这篇文章主要为大家分享了JavaScript编写三级联动简单案例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JS获取及验证开始结束日期的方法

    JS获取及验证开始结束日期的方法

    这篇文章主要介绍了JS获取及验证开始结束日期的方法.涉及javascript针对日期的获取、比较及判断等技巧,需要的朋友可以参考下
    2016-08-08
  • JavaScript中数组Array方法详解

    JavaScript中数组Array方法详解

    本文主要介绍了JavaScript中数组Array方法的相关知识,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 查找页面中所有类为test的结点的方法

    查找页面中所有类为test的结点的方法

    这篇文章主要介绍了查找页面中所有类为test结点的方法,需要的朋友可以参考下
    2014-03-03
  • 基于Cesium绘制抛物弧线

    基于Cesium绘制抛物弧线

    这篇文章主要为大家详细介绍了基于Cesium绘制抛物弧线,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • js之如何删除多层数组嵌套的最后一层中的部分数据

    js之如何删除多层数组嵌套的最后一层中的部分数据

    这篇文章主要介绍了js之如何删除多层数组嵌套的最后一层中的部分数据问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06

最新评论