2011-01-26 5 views
3

AJAX를 사용하여 <DIV>을 클릭하면 PHP 페이지를 호출하려고합니다. 내가 AJAX에 대해 잘 모르는div를 클릭하면 PHP 페이지를 호출하고 싶습니까?

내가 LOADING로 DIV의 텍스트를 변경하려면 동시에 .....에, 그래서 ..... 그도에 대해 나에게 세부 사항을 적어주세요

미리 감사드립니다 ......

+0

당신이 내가 JQuery와 같은 일부 자바 스크립트 라이브러리를 사용하는 것이 좋습니다하려는 주제에 대해 잘 모른다 잘합니다. 예제는 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() 아약스 요청을 호출하는 함수입니다. 두 번째 명령문은 내부 div를 표시 가능하게 만듭니다 (style = "display : none"은 기본적으로 보이지 않게합니다).

0

다음과 같이하십시오. 아약스 기능 사용에

< div class="loader" id="ajaxloaddiv">Initial data</div> 

:

$('#ajaxloaddiv').click(function() { 
    $(this).text("Loading..."); 
    ... 
    ... do processing here 
    ... 
    return false; 
}); 
관련 문제