2011-03-30 4 views
0

나는 다음과 같은 HTML 페이지가 : 내가 제출 누르면, $dynamicVar의 값이 변경됩니다jQuery를 동적 페이지 질문

<div id="foobar"> 
    <?php echo $dynamicVar; ?> 
</div> 
<input type="button" value="Submit" id="subButton"/> 

합니다. Ajax 콜백을 사용하지 않고 .each() 또는 기타 복잡한 작업을 수행하여 div 요소를 간단히 새로 고치는 방법이 있습니까? jQuery 함수가 있다는 것을 알고 있습니다. 이전에 본 적이 있지만 지금은 찾을 수 없습니다. 이 함수는 요소를 새로 고치기 만합니다. 내가 찾은 모든 것은 매우 작고 간단한 요소를 새로 고치려고 불필요하게 복잡한 코드를 작성해야합니다.

예를 들어 전체 div의 값이 "1"이고 버튼을 누른 경우 새로 고침하여 값 "n"을 표시하려고합니다.

$('#subButton').live('click',function() { 
    //dead-simple element refresh, nothing fancy necessary 
}); 

예 2 :

다음은 jQuery 코드의

<div id="foobar"> 
    <?php echo time(); ?> 
</div> 
<input type="button" value="Submit" id="subButton"/> 

시간은 일반적으로 앞으로 이동하기 때문에 웹 서버가 나에게 준 경우, 타임 스탬프는 몇 초 전 달라야합니다 타임 스탬프. div 요소를 사용하여 버튼을 클릭 할 때 새 타임 스탬프가 표시되도록 간단한 업데이트를 수행하고 싶습니다.

어떤 도움이 필요합니까?

+0

전체 페이지를 새로 고치지 않으려면 AJAX가 가장 좋습니다. – drudge

+0

Ajax를 사용하고 있지만 Ajax 콜백을 사용해야한다는 응답을 원하지 않습니다. 제 경우에는 비실용적입니다. – AKor

답변

3

.load()을 생각 했습니까? 높은 수준의 Ajax 기능입니다. AJAX AFAIK를 사용하는

$('#subButton').live('click',function() { 
    $('#foobar').load('thispage.php #foobar > *'); 
}); 
0

당신은해야하지만 $.ajax() 콜백, 당신은 $.replaceWith() (documentation)를 사용할 수 있습니다 : 당신은이 같은 것을 사용하십시오.