風飛揚  夢起航

          風飛揚個人博客——專注Java

          AJAX基礎

          AJAX基礎知識點:

              
          什么是Ajax?  Asynchronous Javascript And XML”(異步JavaScript和XML)

              通俗的講就是無刷新整個頁面實現客戶端與服務器端進行通信的一種手段。

              使用Ajax主要用XMLHttpRequest對象,使用起來很麻煩,但是經過封裝后結合JQuery使用起來很方便。了解Ajax傳統的使用步驟就行。


              Ajax傳輸數據的3種方式
              
              1>  .XML:笨重,解析相對困難,是通用的數據交換方式

              2>  .HTML:不需要解析可以直接放到頁面中,適用于僅更新一部分區域。傳輸數據不方便。

              3> .JSON:小巧,有面向對象的特征,且有很多第三方jar包可以把java對象或者是集合轉成json對象,方便


              使用JQuery實現Ajax操作

              1> .load方法:可以用于Html文檔的元素節點,load方法加載后的數據是一個html片段
          1
          2
          3
          4
          5
          6
          7
          8
          9
          10
          11
          12
          13
          14
          15
          16
           <script type="text/javascript">
               
               //html中元素節點
               var $obj=***  ;
                
               //向服務器端請求的url
               var url="***" ;
            
               //請求所帶的參數,注意必須是Json格式
               var args={key1:value1,key2:value2};
               
              //向服務器發送請求并把返回的html數據直接加載到頁面中
              $obj.load(url,args);
           
          </script>
              

              2>  $.get    $.post   $.getJSON  更加靈活,除了使用.load方法外,大部分情況下使用這3種方法 
          1
          2
          3
          4
          5
          6
          7
          8
          9
          10
          11
          12
          13
          14
          15
          16
          17
          18
          19
          20
          21
          22
          23
          24
          25
          26
          27
          28
          29
          30
          31
           <script type="text/javascript">
                
               //url:向服務器發出請求的url
            
               //args:請求所帶的參數,注意是JSON格式
            
                //data:Ajax響應后返回的數據,可以使HTML,XML,JSON
            
               //使用$.get示范
               $.get(url,args,function(data){
                  
                    //這里寫返回的與JSON對象data相關的代碼    
             
               },"JSON");
           
              //使用$.post示范
               $.post(url,arts,function(data){
           
                    //這里寫返回的與JSON對象data相關的代碼
           
               },"JSON");
           
              //使用$.getJSON示范
               $.getJSON(url,args,function(){
           
                   //這里寫返回的與JSON對象data相關的代碼
               
               });
           
          </script>
              

              待更新...

          posted on 2016-08-21 20:13 風飛揚(windfly) 閱讀(166) 評論(0)  編輯  收藏 所屬分類: 筆記

          公告



          網名:風飛揚

          英文名:windfly

          博客:windfly.blogjava.net

          個人簡介:不講究 , 不將就

          導航

          最新評論

          風飛揚
        1. 首頁
        2. 未命名
        3. 筆記
        4. 未命名
        5. 筆記
        6. 未命名
        7. 音樂
        8. 主站蜘蛛池模板: 连云港市| 休宁县| 台安县| 寻乌县| 柏乡县| 连江县| 德令哈市| 凤山县| 岗巴县| 横山县| 教育| 辰溪县| 大渡口区| 雷波县| 永靖县| 腾冲县| 万宁市| 新沂市| 郑州市| 广饶县| 潮安县| 古丈县| 高安市| 怀宁县| 松桃| 安塞县| 彭泽县| 旬邑县| 诏安县| 贺兰县| 吉安市| 屏东市| 镇江市| 稻城县| 苗栗市| 日照市| 汉寿县| 漯河市| 湖北省| 天全县| 桑植县|