2011-01-26 3 views
3

AJAXを使用して<DIV>をクリックしたときにPHPページを呼び出したいとします。私はAJAXについて多くを知らないdivをクリックしたときにPHPページを呼びたいのですか?

私はLOADINGとしてDIVのテキストを変更すると同時に.....で、そう.....それもについての私に詳細を記入してください

事前のおかげで......

+0

さてあなたは、私はjqueryのようないくつかのJavaScriptライブラリを使用することをお勧めしたい主題について多くを知らない場合。例については、http://api.jquery.com/load/ – armonge

+0

のドキュメントを参照してください。この例を見てください。http://www.electrictoolbox.com/load-content-jquery-ajax-loading-image/ –

答えて

3

jqueryのを使用して、あなたが行うことができます

$("div#id").click(function(){ 
$(this).text("Loading...").load("/path/to/file.php"); 
}); 
0
<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"はデフォルトでは非表示になります)。

0

のようにしてください。

Ajaxの機能を使用する際に
< div class="loader" id="ajaxloaddiv">Initial data</div> 

$('#ajaxloaddiv').click(function() { 
    $(this).text("Loading..."); 
    ... 
    ... do processing here 
    ... 
    return false; 
}); 
関連する問題