<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
        主站蜘蛛池模板: 亚洲乱码日产精品BD在线观看| 久久亚洲精品无码AV红樱桃| 亚洲av日韩av无码av| 女人隐私秘视频黄www免费| 日韩电影免费在线观看视频| 久久精品国产亚洲av麻豆| 一级做a爰黑人又硬又粗免费看51社区国产精品视 | 国产午夜无码视频免费网站| 久久久无码精品亚洲日韩按摩| aaa毛片视频免费观看| 国产真实伦在线视频免费观看| 亚洲一卡2卡3卡4卡乱码 在线 | 国产精品99久久免费观看| 亚洲日本va在线视频观看| aa午夜免费剧场| 免费在线视频一区| 色吊丝免费观看网站| 好爽好紧好大的免费视频国产| 亚洲欧美日韩国产精品一区| 国产99视频精品免费观看7| 亚洲大片免费观看| 亚洲视频在线观看免费视频| 亚洲男人天堂影院| 97av免费视频| 亚洲一区二区三区免费视频| 在线a级毛片免费视频| 亚洲日本乱码卡2卡3卡新区| 美女黄网站人色视频免费国产| 亚洲精品无码中文久久字幕| 免费毛片网站在线观看| 亚洲第一成年网站视频| 四虎免费影院4hu永久免费| 一个人免费观看日本www视频 | 亚洲av最新在线网址| 一区二区三区观看免费中文视频在线播放 | 亚洲明星合成图综合区在线| 永久看日本大片免费35分钟| 国产精品亚洲午夜一区二区三区 | 一级毛片免费播放视频| 国产精品亚洲不卡一区二区三区| 丁香花在线视频观看免费|