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.電話をかけるダイヤル->3.告白-->4.断られるajaxオブジェクトの作成->2.接続の作成->3.リクエストの送信->4.じゅしん
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
location:
ajax新しいものajax 2.0非互換for携帯
何をする:データを読んで、データを书くのはどんなデータの方式があります: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