Ajax
英語 [ˈeɪˌdʒæks] アメリカ語 [ˈeˌdʒæks]
n. 正式名称は「Asynchronous JavaScript and XML」 (非同期 JavaScript および XML) です。インタラクティブな Web アプリケーションを作成するための Web 開発テクノロジ。 ;Ajax 銅錫鉛軸受合金、Yajis 爆発物
complete
UK[kəmˈpli:t] US[kəmˈplit]
adj .Complete ; 完了; (強調のため) 完了; 最後に到達
vt. 完了、完全; 完了または終了; (フォーム)
に記入ajax ajaxComplete()方法 構文
関数: ajaxComplete() メソッドは、AJAX リクエストが完了したときに関数を実行します。アヤックスのイベントです。 ajaxSuccess() とは異なり、ajaxComplete() メソッドで指定された関数は、リクエストが成功しなかった場合でも、リクエストが完了すると実行されます。
構文: .jQueryajaxComplete(function(event,xhr,options))
パラメータ:
パラメータ | 説明 |
function(event,xhr,options) | 必須。リクエストの完了時に実行する関数を指定します。追加パラメータ:event - イベント オブジェクトが含まれます。 xhr - XMLHttpRequest オブジェクトが含まれます。 options - AJAX リクエストで使用されるオプションが含まれます。 |
説明: XMLHttpRequest オブジェクトと設定は、パラメーターとしてコールバック関数に渡されます。
ajax ajaxComplete()方法 例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#txt").ajaxStart(function(){ $("#wait").css("display","block"); }); $("#txt").ajaxComplete(function(){ $("#wait").css("display","none"); }); $("button").click(function(){ alert("加载完成"); $("h2").text("文本加载完成"); }); }); </script> </head> <body> <div id="txt"><h2>通过 AJAX 改变文本</h2></div> <button>改变内容</button> <div id="wait" style="display:none;width:69px;height:89px;border:1px solid black;position:absolute;top:50%;left:50%;padding:2px;"> <img src='http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg' width="64" height="64" /> <br />加载中 ... </div> </body> </html>
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します