欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS請求servlet功能示例

 更新時(shí)間:2017年06月01日 15:02:48   作者:滄-浪-之  
這篇文章主要介紹了JS請求servlet功能,結(jié)合具體實(shí)例形式分析了javascript使用ajax請求servlet端響應(yīng)的主要功能代碼與相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS請求servlet的方法。分享給大家供大家參考,具體如下:

前端js代碼:

//創(chuàng)建ajax請求對象
var xmlHttp;
function createXMLHttpRequest(){
  if(window.ActiveXObject){
      xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  else if(window.XMLHttpRequest){
      xmlHttp = new XMLHttpRequest();
  }
}
/**
 * 表單提交
 */
function submit(){
  //發(fā)送請求
  var searchContent = $id("search_input").value;//查找內(nèi)容
  createXMLHttpRequest();
  try{
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.open("GET", "/MyMap/QueryMapServlet?searchName="+searchContent, true);
    xmlHttp.send(null);
    }catch(exception){
    alert("您要訪問的資源不存在!");
    }
  $("sideToggleRight").attr("checked","checked");//無作用
}
//處理結(jié)果
function handleStateChange(){
  if(xmlHttp.readyState == 4){
    if (xmlHttp.status == 200 || xmlHttp.status == 0){
      var t = xmlHttp.responseText;
        jsonobj = eval('('+t+')');
    }
  }
}

servlet端:

//oracle數(shù)據(jù)庫查詢的結(jié)果:
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(); //列數(shù)
 JSONArray array = new JSONArray();
  while (rs.next()) {
   JSONObject jsonObj = new JSONObject();
    //輸出數(shù)據(jù)
    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);
}

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript中ajax操作技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • Input 特殊事件onpopertychange和oninput

    Input 特殊事件onpopertychange和oninput

    onpopertychange和oninput的區(qū)別。
    2009-06-06
  • IE bug table元素的innerHTML

    IE bug table元素的innerHTML

    做項(xiàng)目時(shí)遇到一個(gè)數(shù)據(jù)表需要展示,由于堅(jiān)定著使用合理標(biāo)簽表示合適內(nèi)容,于是使用了table,悲劇開始了。
    2010-01-01
  • 淺析JS獲取url中的參數(shù)實(shí)例代碼

    淺析JS獲取url中的參數(shù)實(shí)例代碼

    本文給大家介紹js獲取url中的參數(shù)實(shí)例代碼,通過取得整個(gè)地址欄,取得所有參數(shù)以及各個(gè)參數(shù)放到數(shù)組里,代碼比較簡單,有需要的朋友可以參考下
    2016-06-06
  • 如何基于JavaScript判斷圖片是否加載完成

    如何基于JavaScript判斷圖片是否加載完成

    這篇文章主要介紹了如何基于JavaScript判斷圖片是否加載完成,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2019-12-12
  • javaScript字符串工具類StringUtils詳解

    javaScript字符串工具類StringUtils詳解

    這篇文章主要為大家詳細(xì)介紹了javaScript字符串工具類StringUtils,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-12-12
  • JS實(shí)現(xiàn)的ajax和同源策略(實(shí)例講解)

    JS實(shí)現(xiàn)的ajax和同源策略(實(shí)例講解)

    下面小編就為大家分享一篇JS實(shí)現(xiàn)的ajax和同源策略的實(shí)例講解,具有很好的參考價(jià)值,希望對大家有所幫助
    2017-12-12
  • p5.js入門教程之鍵盤交互

    p5.js入門教程之鍵盤交互

    這篇文章主要介紹了p5.js入門教程之鍵盤交互,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-03-03
  • JavaScript中的this基本問題實(shí)例小結(jié)

    JavaScript中的this基本問題實(shí)例小結(jié)

    這篇文章主要介紹了JavaScript中的this基本問題,結(jié)合實(shí)例形式總結(jié)分析了JavaScript中this的功能、常見用法與操作注意事項(xiàng),需要的朋友可以參考下
    2020-03-03
  • 使用JavaScript實(shí)現(xiàn)檢測網(wǎng)頁是否為空閑狀態(tài)

    使用JavaScript實(shí)現(xiàn)檢測網(wǎng)頁是否為空閑狀態(tài)

    最近開發(fā)項(xiàng)目時(shí),常碰到“用戶在一定時(shí)間內(nèi)無任何操作時(shí),跳轉(zhuǎn)到某個(gè)頁面”的需求,所以本文就來使用JavaScript實(shí)現(xiàn)這一要求,需要的可以參考下
    2024-03-03
  • three.js中文文檔學(xué)習(xí)之通過模塊導(dǎo)入

    three.js中文文檔學(xué)習(xí)之通過模塊導(dǎo)入

    這篇文章主要給大家介紹了關(guān)于three.js中文文檔學(xué)習(xí)之通過模塊導(dǎo)入的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或使用three.js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-11-11

最新評論