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>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します