AJAXを使用して<DIV>
をクリックしたときにPHPページを呼び出したいとします。私はAJAXについて多くを知らないdivをクリックしたときにPHPページを呼びたいのですか?
私はLOADINGとしてDIVのテキストを変更すると同時に.....で、そう.....それもについての私に詳細を記入してください
事前のおかげで......
AJAXを使用して<DIV>
をクリックしたときにPHPページを呼び出したいとします。私はAJAXについて多くを知らないdivをクリックしたときにPHPページを呼びたいのですか?
私はLOADINGとしてDIVのテキストを変更すると同時に.....で、そう.....それもについての私に詳細を記入してください
事前のおかげで......
jqueryのを使用して、あなたが行うことができます
$("div#id").click(function(){
$(this).text("Loading...").load("/path/to/file.php");
});
<div onclick="send_ajax_request(); document.getElementById('loading').style.display = 'block';">
<div style="display: none" id="loading">Loading ...</div>
</div>
send_ajax_request()AJAXリクエストを呼び出すためのあなたの関数です。 2番目のステートメントは内部divを見えるようにします(style = "display:none"はデフォルトでは非表示になります)。
のようにしてください。
Ajaxの機能を使用する際に< div class="loader" id="ajaxloaddiv">Initial data</div>
:
$('#ajaxloaddiv').click(function() {
$(this).text("Loading...");
...
... do processing here
...
return false;
});
さてあなたは、私はjqueryのようないくつかのJavaScriptライブラリを使用することをお勧めしたい主題について多くを知らない場合。例については、http://api.jquery.com/load/ – armonge
のドキュメントを参照してください。この例を見てください。http://www.electrictoolbox.com/load-content-jquery-ajax-loading-image/ –