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

javascript請求servlet實現(xiàn)ajax示例(分享)

 更新時間:2017年06月03日 10:58:45   投稿:jingxian  
下面小編就為大家?guī)硪黄猨avascript請求servlet實現(xiàn)ajax示例(分享)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

ajax請求是一種無刷新式的用戶體驗,可以發(fā)送GET和POST兩種異步請求,現(xiàn)記錄如下:

GET請求:

function sendRequestByGet(){
     //定義異步請求對象
    var xmlReq;
    //檢測瀏覽器是否直接支持ajax
    if(window.XMLHttpRequest){//直接支持ajax
      xmlReq=new XMLHttpRequest();
    }else{//不直接支持ajax
      xmlReq=new ActiveObject('Microsoft.XMLHTTP');
    }
    
     //設(shè)置回調(diào)函數(shù)
     xmlReq.onreadystatechange=function(){
       if (xmlReq.readyState==4&&xmlReq.status==200) {
         //獲取服務(wù)器的響應(yīng)值
        var result=xmlReq.responseText;
         //后續(xù)操作
         alert(result);
      }
     };
     
     //創(chuàng)建異步get請求
     var url="Hello?name=zhangsan";
     xmlReq.open("GET",url,true);
     //發(fā)送請求
     xmlReq.send(null);
   }

POST請求:

function sendRequestByPost(){
     //定義異步請求對象
    var xmlReq;
    //檢測瀏覽器是否直接支持ajax
    if(window.XMLHttpRequest){//直接支持ajax
      xmlReq=new XMLHttpRequest();
    }else{//不直接支持ajax
      xmlReq=new ActiveObject('Microsoft.XMLHTTP');
    }
    
     //設(shè)置回調(diào)函數(shù)
     xmlReq.onreadystatechange=function(){
       if (xmlReq.readyState==4&&xmlReq.status==200) {
         //獲取服務(wù)器的響應(yīng)值
        var result=xmlReq.responseText;
         //后續(xù)操作
         alert(result);
      }
     };
     
     //創(chuàng)建異步Post請求
     var url="Hello";
     xmlReq.open("POST",url,true);
     xmlReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
     //發(fā)送請求
     var data="name=lisi";
     xmlReq.send(data);
   }

ajax請求的servlet:

@Override
  protected void doPost(HttpServletRequest req, HttpServletResponse resp)
      throws ServletException, IOException {
    String name=req.getParameter("name");
    PrintWriter out = resp.getWriter();
    out.print(name);
  }

效果:

以上這篇javascript請求servlet實現(xiàn)ajax示例(分享)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • AJAX檢測用戶名是否存在的方法

    AJAX檢測用戶名是否存在的方法

    這篇文章主要為大家詳細(xì)介紹了AJAX檢測用戶名是否存在,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-12-12
  • Ajax客戶端異步調(diào)用服務(wù)端的實現(xiàn)方法(js調(diào)用cs文件)

    Ajax客戶端異步調(diào)用服務(wù)端的實現(xiàn)方法(js調(diào)用cs文件)

    下面小編就為大家分享一篇Ajax客戶端異步調(diào)用服務(wù)端的實現(xiàn)方法(js調(diào)用cs文件),具有很好的參考價值,希望對大家有所幫助
    2017-12-12
  • Ajax 傳遞JSON實例代碼

    Ajax 傳遞JSON實例代碼

    雖然ajax全稱是asynchronous javascript and XML。但目前使用ajax技術(shù)時,傳遞JSON已經(jīng)成為事實上的標(biāo)準(zhǔn)。這篇文章主要介紹了Ajax 傳遞JSON實例代碼,需要的朋友可以參考下
    2017-03-03
  • Django中的Ajax

    Django中的Ajax

    Django 是由 Python 開發(fā)的一個免費(fèi)的開源網(wǎng)站框架,可以用于快速搭建高性能,優(yōu)雅的網(wǎng)站.AJAX = Asynchronous JavaScript and XML(異步的 JavaScript 和 XML).接下來通過本文給大家介紹django中的ajax,希望對大家有所幫助
    2016-03-03
  • 基于Ajax+div的“左邊菜單、右邊內(nèi)容”頁面效果實現(xiàn)

    基于Ajax+div的“左邊菜單、右邊內(nèi)容”頁面效果實現(xiàn)

    這篇文章主要介紹了基于Ajax+div的“左邊菜單、右邊內(nèi)容”頁面效果實現(xiàn) 的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-07-07
  • Ajax 返回字符串的過濾實現(xiàn)代碼

    Ajax 返回字符串的過濾實現(xiàn)代碼

    在調(diào)用Ajax返回后。一個奇怪的問題。返回的resultString值是“ok”但是跟字符串"ok"比較確不相等。
    2009-08-08
  • ajax 緩存 問題 requestheader

    ajax 緩存 問題 requestheader

    在web開發(fā)的時候經(jīng)常需要用到ajax,但是有些問題往往會被忽略,如果提交后需要在服務(wù)端做一些后臺操作的話因為瀏覽器默認(rèn)狀態(tài)下有緩存的原因,可能頁面上的信息還是正確的,但是后臺的邏輯代碼卻沒有真正的更新。
    2010-02-02
  • jQuery的ajax傳參巧用JSON使用示例(附Json插件)

    jQuery的ajax傳參巧用JSON使用示例(附Json插件)

    jQuery的ajax調(diào)用很方便,傳參的時候喜歡用Json的數(shù)據(jù)格式,使用示例代碼如下,感興趣的朋友可以參考下,希望對大家有所幫助
    2013-08-08
  • Ajax請求中的異步與同步,需要注意的地方說明

    Ajax請求中的異步與同步,需要注意的地方說明

    默認(rèn)設(shè)置下,所有請求均為異步請求。如果需要發(fā)送同步請求,請將此選項設(shè)置為 false。注意,同步請求將鎖住瀏覽器,用戶其它操作必須等待請求完成才可以執(zhí)行
    2012-04-04
  • AJAX 客戶端響應(yīng)速度提高分析

    AJAX 客戶端響應(yīng)速度提高分析

    AJAX的出現(xiàn)極大的改變了Web應(yīng)用客戶端的操作模式,它使的用戶可以在全心工作時不必頻繁的忍受那令人厭惡的頁面刷新。
    2009-09-09

最新評論