문제

Question

재활용 가능한 Ajax

xmlhttp.onreadystatechange=function() 
{ 
if (xmlhttp.readyState==4 && xmlhttp.status==200) 
{ 
document.getElementById("lblvoteup").innerHTML=xmlhttp.responseText; 
//document.getElementById("lblvotedown").innerHTML=xmlhttp.responseText; 
} 
} 

, HTML

<tr>      
       <td ><img src="images/up.jpeg" style="border:none;" title="Like" 
       onclick="doVote('<?php echo $q_id; ?>','<?php echo $_SESSION['UserId']; ?>','up', '<?php echo $q_up; ?>')"></td> 
       <td ><label id="lblvoteup"><?php echo $q_up;?></label></td> 
       <td style="border-left:1px solid whitesmoke;"><img src="images/down.jpeg" style="border:none;" title="Dislike" 
       onclick="doVote('<?php echo $q_id; ?>','<?php echo $_SESSION['UserId']; ?>','down', '<?php echo $q_down; ?>')"></td> 
       <td ><label id="lblvotedown"><?php echo $q_down; ?></label></td> 
      </tr> 

문제 내가 그렇게하는 이미지입니다 확인하실 수 있습니다 괜찮나 lblvotedown를 업데이트하는 또 다른 아약스 함수를 작성 싶지 않다입니다 ajax 함수를 클릭 했습니까?

Answer 1

그것은 간단하다, 다음과 같은 과정

1) 응답 텍스트 "아래 - 10"데이터의 다음과 같은 유형의 포함하게 할 "최대 - 11"또는 (현재의 갱신 카운트를 얻고있는 가정 상기 AJAX 함수 다음 다운 투표 또는 최대)

2)가 자바 스크립트 코드 var returns=xmlhttp.responseText.split("--");

3

을 이용하여 검색된 데이터 분할)을 사용

,

xmlhttp.onreadystatechange=function() 
{ 
if (xmlhttp.readyState==4 && xmlhttp.status==200) 
{ 
    var returns=xmlhttp.responseText.split("--"); 
    if(returns[0]=="up") 
    document.getElementById("lblvoteup").innerHTML=returns[1]; 
    else 
    document.getElementById("lblvotedown").innerHTML=returns[1]; 
} 
} 

희망 하시길