<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人片在www鸭子| 西西人体44rt高清亚洲| 日韩亚洲国产综合高清| 91av视频免费在线观看| 久久亚洲精品无码AV红樱桃| 国产无遮挡裸体免费视频在线观看| 伊人久久综在合线亚洲91| 一个人看的免费视频www在线高清动漫 | 成人免费乱码大片A毛片| 亚洲精品人成无码中文毛片| www永久免费视频| 亚洲男人的天堂www| 国产午夜不卡AV免费| 亚洲精品成人网站在线观看| 97无码人妻福利免费公开在线视频| 亚洲av激情无码专区在线播放 | 亚洲国产精品专区| 国产日本一线在线观看免费| 亚洲最大无码中文字幕| 国产一级理论免费版| 国产成人自产拍免费视频| 亚洲国产精品无码专区在线观看| 免费av一区二区三区| 亚洲成在人线中文字幕| 午夜精品在线免费观看| 日韩电影免费在线观看网址 | 99亚洲精品卡2卡三卡4卡2卡| 亚洲一级特黄大片在线观看| 中文精品人人永久免费| 亚洲精品中文字幕无乱码| 日本成人在线免费观看| a级在线观看免费| 亚洲第一成人在线| 免费人成年激情视频在线观看| 免费a级毛片无码a∨免费软件| 亚洲校园春色小说| 免费看小12萝裸体视频国产| 毛片在线全部免费观看| 精品国产成人亚洲午夜福利| 久久精品国产亚洲一区二区三区| 精品熟女少妇av免费久久|