2012-02-08 2 views
0

같은 페이지에서 다른 요소를 클릭 할 때 Jquery 또는 Javascript로 HTML 페이지의 요소 만 새로 고치는 방법은 무엇입니까? 나는 form captcha를 구현하기 위해 이것을 알아야한다.jquery javascript를 사용하여 양식의 일부를 다시로드하는 방법은 무엇입니까?

<img src="includes/captcha.php" style="padding:10px 0;"/>&nbsp;&nbsp;&nbsp; 
<img src="images/refresh.gif" onclick="window.location.reload()" style="cursor:pointer; padding:10px 0;" /> 

refresh.gif를 클릭하여 captcha.php로 생성 된 이미지를 다시로드하고 싶습니다. 현재 코드가 전체 페이지를 다시로드합니다. 사용할 필요가있는 무엇

답변

2

참조하십시오. 일부 추가 임의의 데이터를 포함하도록 이미지 src 속성을 변경하기 만하면됩니다.

function reloadImage() { 
    var now = new Date(); 
    document.getElementById('captcha').src = 'includes/captcha.php?r=' + now.getTime(); 
} 

이와 같이 ID를 설정하도록 이미지 태그를 변경하십시오.

<img src="includes/captcha.php" id="captcha" style="padding:10px 0;"/> 

새로 고침 이미지의 함수에 호출을 추가하십시오.

<img src="images/refresh.gif" onclick="reloadImage()" style="cursor:pointer; padding:10px 0;" /> 
+0

captcha.php에서 추가 데이터를 가져와 처리해야합니까? 작동하지 않습니다! –

+0

아니요, 요점은 브라우저가 이미지를 다시로드하도록 URL을 변경하는 것입니다. 추가 'r'매개 변수는 아무 것도 수행하지 않아야합니다. 와우, 어리석은 날 새 날을 잊어 버렸어. 답변을 지금 편집했습니다 – Dervall

+0

나는 똑같은 짓을했으나 여전히 작동하지 않습니다. –

1

는 jQuery를 기능 부하이다() 예를 들어

당신은 = ID로 DIV의 내용으로 = id가 'myDiv'사업부의 내용을 바꾸려면 'theirDiv' 원격 페이지의 HTML에서 다음을 수행하십시오.

$ ('#myDiv') .load ('http : // hisurl #theirDiv');

이 어떤 jQuery를 필요로하지 않습니다

http://api.jquery.com/load

+0

어쨌든 답변 주셔서 감사합니다 !! –

관련 문제