<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        prototype.js簡單實現ajax功能示例

        來源:懂視網 責編:小采 時間:2020-11-27 22:27:23
        文檔

        prototype.js簡單實現ajax功能示例

        prototype.js簡單實現ajax功能示例:本文實例講述了prototype.js簡單實現ajax功能。分享給大家供大家參考,具體如下: 原本不知道prototype.js是一個框架,只當其是一個再普通不過的JS文件.隨手拿著用了用,寫了一個JSP頁面,單純的用prototype.js來實現AJAX效果.用了之后發現超好用,自己再
        推薦度:
        導讀prototype.js簡單實現ajax功能示例:本文實例講述了prototype.js簡單實現ajax功能。分享給大家供大家參考,具體如下: 原本不知道prototype.js是一個框架,只當其是一個再普通不過的JS文件.隨手拿著用了用,寫了一個JSP頁面,單純的用prototype.js來實現AJAX效果.用了之后發現超好用,自己再

        本文實例講述了prototype.js簡單實現ajax功能。分享給大家供大家參考,具體如下:

        原本不知道prototype.js是一個框架,只當其是一個再普通不過的JS文件.隨手拿著用了用,寫了一個JSP頁面,單純的用prototype.js來實現AJAX效果.用了之后發現超好用,自己再也不用寫那么大一堆代碼了,哦耶.言歸正傳,還是把今天寫的那個小代碼發上來.

        一.JSP部分

        這部分的代碼,最為關鍵的是JS部分的改變.沒有采用prototype.js的時候,生成一個AJAX效果,起碼得有四大段.現在,只用寫成下面這一小段代碼了.

        <script type="text/javascript">
        function getnodelist(){
         function onSuccess(request)
         {
         alert("success");
         $("result").innerHTML = "abc"+request.responseText ;
         }
         function onComplete(request){
         }
         function onFailure(request){
         alert("failure");
         $("result").innerHTML = request.responseText ;
         }
         var paras = "" ;
         var ajax = new Ajax.Request(
         "http://localhost:8080/LoginDemo/test.do",
         {
         method: 'post',
         parameters:paras ,
         onSuccess: onSuccess,
         onComplete:onComplete,
         onFailure:onFailure
         }
         );
        }
        </script>
        
        

        其中最重要的就是這一段了:

        var ajax = new Ajax.Request( //新生成一個AJAX.Request對象.
         "http://localhost:8080/LoginDemo/test.do", //請求的servlet地址.即URL
         { //參數
         method: 'post',
         parameters:paras ,
         onSuccess: onSuccess, //這些函數和上面三個函數相對應.
         onComplete:onComplete,
         onFailure:onFailure
         });
        
        

        注明:,里面的URL要么寫成絕對路徑,要么就在前面取<% String path = request.getContextPath();%>,然后在這里
        "<%=path%>/test.do"

        prototype.js讓我覺得最方便的地方就在于我不用自己去判斷當前瀏覽器的狀態,如果成功了就調用OnSuccess函數,失敗就調用onFailure函數,而我只用關注于成功失敗之后該怎么處理,簡化了程序.

        二.后臺struts部分

        public ActionForward execute(
         ActionMapping mapping,
         ActionForm form,
         HttpServletRequest request,
         HttpServletResponse response) {
         // TODO Auto-generated method stub
         try{
         System.out.println("in action");
         response.setContentType("text/html;charset=gb2312");
         ServletOutputStream out = response.getOutputStream();
         out.print("hello slf!");
         System.out.println("out");
         }catch(Exception e)
         {
         e.printStackTrace();
         }
         return null;
         }
        
        

        簡單的打印.

        希望本文所述對大家prototype.js框架的程序設計有所幫助。

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        prototype.js簡單實現ajax功能示例

        prototype.js簡單實現ajax功能示例:本文實例講述了prototype.js簡單實現ajax功能。分享給大家供大家參考,具體如下: 原本不知道prototype.js是一個框架,只當其是一個再普通不過的JS文件.隨手拿著用了用,寫了一個JSP頁面,單純的用prototype.js來實現AJAX效果.用了之后發現超好用,自己再
        推薦度:
        標簽: 例子 實例 ajax
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲国产精品无码久久久| 久久青草亚洲AV无码麻豆| 亚洲熟女乱色一区二区三区| 全免费毛片在线播放| 亚洲人成影院77777| 国产一卡2卡3卡4卡无卡免费视频 国产一卡二卡3卡四卡免费 | 99久久精品国产免费| 亚洲一区二区在线免费观看| 0588影视手机免费看片| 亚洲国产成人久久三区| 午夜毛片不卡免费观看视频| 久久久久亚洲AV无码去区首| 无码国产亚洲日韩国精品视频一区二区三区 | 好看的亚洲黄色经典| 无码精品人妻一区二区三区免费看| 99久久亚洲综合精品成人网| 无人影院手机版在线观看免费| 亚洲AV成人一区二区三区观看| 亚洲乱码中文字幕综合234| 国内少妇偷人精品视频免费| 亚洲黄色一级毛片| 午夜视频免费观看| 国产福利免费视频| 亚洲性色高清完整版在线观看| 日韩一区二区在线免费观看| 五级黄18以上免费看| 亚洲人成在线电影| 女人被弄到高潮的免费视频 | 免费黄色网址入口| 一区二区免费国产在线观看| 久久久久久久尹人综合网亚洲| 久热中文字幕在线精品免费| 曰批免费视频播放在线看片二| 久久久久久亚洲av成人无码国产| 成人免费a级毛片| aaa毛片免费观看| 亚洲一久久久久久久久| 国产成人亚洲精品狼色在线| 在线观看免费人成视频色9| a级毛片免费观看网站| 亚洲av永久无码嘿嘿嘿|