風(fēng)飛揚(yáng)  夢(mèng)起航

          風(fēng)飛揚(yáng)個(gè)人博客——專注Java

          AJAX基礎(chǔ)

          AJAX基礎(chǔ)知識(shí)點(diǎn):

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

              通俗的講就是無(wú)刷新整個(gè)頁(yè)面實(shí)現(xiàn)客戶端與服務(wù)器端進(jìn)行通信的一種手段。

              使用Ajax主要用XMLHttpRequest對(duì)象,使用起來(lái)很麻煩,但是經(jīng)過(guò)封裝后結(jié)合JQuery使用起來(lái)很方便。了解Ajax傳統(tǒng)的使用步驟就行。


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

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

              3> .JSON:小巧,有面向?qū)ο蟮奶卣鳎矣泻芏嗟谌絡(luò)ar包可以把java對(duì)象或者是集合轉(zhuǎn)成json對(duì)象,方便


              使用JQuery實(shí)現(xiàn)Ajax操作

              1> .load方法:可以用于Html文檔的元素節(jié)點(diǎn),load方法加載后的數(shù)據(jù)是一個(gè)html片段
          1
          2
          3
          4
          5
          6
          7
          8
          9
          10
          11
          12
          13
          14
          15
          16
           <script type="text/javascript">
               
               //html中元素節(jié)點(diǎn)
               var $obj=***  ;
                
               //向服務(wù)器端請(qǐng)求的url
               var url="***" ;
            
               //請(qǐng)求所帶的參數(shù),注意必須是Json格式
               var args={key1:value1,key2:value2};
               
              //向服務(wù)器發(fā)送請(qǐng)求并把返回的html數(shù)據(jù)直接加載到頁(yè)面中
              $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:向服務(wù)器發(fā)出請(qǐng)求的url
            
               //args:請(qǐng)求所帶的參數(shù),注意是JSON格式
            
                //data:Ajax響應(yīng)后返回的數(shù)據(jù),可以使HTML,XML,JSON
            
               //使用$.get示范
               $.get(url,args,function(data){
                  
                    //這里寫返回的與JSON對(duì)象data相關(guān)的代碼    
             
               },"JSON");
           
              //使用$.post示范
               $.post(url,arts,function(data){
           
                    //這里寫返回的與JSON對(duì)象data相關(guān)的代碼
           
               },"JSON");
           
              //使用$.getJSON示范
               $.getJSON(url,args,function(){
           
                   //這里寫返回的與JSON對(duì)象data相關(guān)的代碼
               
               });
           
          </script>
              

              待更新...

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

          公告



          網(wǎng)名:風(fēng)飛揚(yáng)

          英文名:windfly

          博客:windfly.blogjava.net

          個(gè)人簡(jiǎn)介:不講究 , 不將就

          導(dǎo)航

          最新評(píng)論

          風(fēng)飛揚(yáng)
        1. 首頁(yè)
        2. 未命名
        3. 筆記
        4. 未命名
        5. 筆記
        6. 未命名
        7. 音樂(lè)
        8. 主站蜘蛛池模板: 临西县| 江西省| 兴安县| 乳源| 本溪| 潞西市| 涟水县| 太康县| 蓬安县| 广河县| 沂南县| 嘉鱼县| 彩票| 额济纳旗| 五指山市| 玛多县| 启东市| 长乐市| 福州市| 榆社县| 靖宇县| 白沙| 姚安县| 正蓝旗| 平罗县| 神农架林区| 泰顺县| 乌恰县| 荆州市| 新竹市| 巫溪县| 崇文区| 文登市| 会东县| 大同县| 商丘市| 仲巴县| 曲沃县| 泰州市| 桦川县| 易门县|