ajax.js入門

2523 ワード

ajax.jsフレームワーク、ライブラリ
何をする:データを読んで、データを书くのはどんなデータの方式があります:form/hrefはどうして学びます:リフレッシュがなくてデータの要求を読みます:サーバーの环境の下で--WAMP wampのサーバーのディレクトリを読まなければなりません:C:wampwwwアクセスサービスのファイル:a):wampサービスbを开きます):ローカルドメイン名:localhost~~C:wampwww.abc.com~~人家机器:c:xxxooo web-->sql本机-->サーバー(人家机器)本机(ブラウザ)-->ローカル(特殊ディレクトリ)
用:ajax('ファイルアドレス/ファイル名.接尾辞',成功コールバック,失敗コールバック)
      1:        
      :            
              + '?t=' + Math.random()
              + '?t=' + new Date().getTime()

      2:      
      : html               

           ,    ,         

    www.abc.com/data/c?t=0.23424&a=12&b=5



***サーバから返されるデータの種類はすべて文字で、解析が必要です
書き込み:1.電話をかけるダイヤル->3.告白-->4.断られるajaxオブジェクトの作成->2.接続の作成->3.リクエストの送信->4.じゅしん
  ajax  :   new XMLHttpRequest()/ActiveXObject
  : oAjax.open(    ,url,    )
  : oAjax.send();
  : 
            oAjax.onreadystatechange=fn
                oAjax.readyState
          http   :  oAjax.status
            :   oAjax.responseText

web-->ajax-->php-->sql-->php-->web
データインタラクション(バックグラウンドインタラクション)インタフェース
ルール:バックグラウンドで定められたルール==インタフェース(仕様)
user.php?act=xxx&user=ユーザー名&pass=パスワード
ajax(url,success,error)-->urlはインタフェースをつづる必要があります
ajax(url,data,success,error) data --> string url + ? + data
  : ie      ,   ,       
  :   
    web-->url(    )-->php--->sql(   ,  -->  )

    encodeURIComponent(  )      ,      
        ***    ,     
get/post  ,    !!!  
             ,  ,         ,   

location:
window.location        
http://www.abc.com/app/index.html?a=12&b=5#1

location.protocol     http:   
location.host           ,     www.abc.com
location.pathname          /app/index.html?
location.search        a=12&b=5
location.hash            #1

ajax新しいものajax 2.0非互換for携帯
           :
        oAjax.getResponseHeader(  )         
        oAjax.getAllResponseHeaders()       

        oAjax.timeout=2000; //    
        oAjax.ontimeout=fn            

        formdata  :       
          formdata  :   new FormData();
        new FormDate(      )              
             formdata  :    oFormData.append('a',12);

            ***          post    
        oAjax.onload=fn     onreadystatechange
        oAjax.onabort=fn         
        oAjax.onerror=fn        
        oAjax.onprogress=fn   
            ev.loaded     
            ev.total