AJAX 스크립트 - 두 개 이상을 업데이트해야합니다.

Question

사용자가 체크 아웃 단계에서 선택한 도서 목록에서 도서관 도서를 삭제할 수있는 결과 테이블이 있습니다. 간단한 AJAX 기술을 구현하여 사용자가 목록의 책 옆에있는 삭제 버튼을 클릭하면 페이지를 다시로드하지 않고도 페이지에서 삭제할 수 있습니다. 이는 모두 잘 작동합니다.

이제는 선택한 책의 수를 보여주는 페이지 매김을 처리하는 페이지의 다른 요소를 업데이트해야합니다. 목록의 맨 위에이 페이지 매김 요약이 :

<div class="recordlist_nav">Displaying records 1 - 10 of 10 records selected</div> 

뿐만 아니라 그들은 한 권의 책을 삭제 한 경우 나 또한 변경해야합니다 예를 들어,이 업데이트해야 목록에서 책을 제거하기 :

<div class="recordlist_nav">Displaying records 1 - 9 of 9 records selected</div> 

업데이트 된 문자열을 생성 할 수 있지만 동시에 여러 요소를 업데이트하는 AJAX 스크립트를 얻는 방법을 모르겠습니다.

$result = ''; 
echo $result ; 

나는 $ 네비게이션 변수에 업데이트 된 페이지 매김 헤더를 저장하고 있습니다 : 그것은 선택한 레코드를 삭제하는시기 delete_record.php 단순히 빈 문자열을 메아리 현재

<script type="text/javascript"> 
function deleteRecord(recid,articleID) { 
    // Allocate an XMLHttpRequest object 
    if (window.XMLHttpRequest) { 
     // IE7+, Firefox, Chrome, Opera, Safari 
     var xmlhttp=new XMLHttpRequest(); 
    } else { 
     // IE6, IE5 
     var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    // Set up the readyState change event handler 
    xmlhttp.onreadystatechange = function() { 
     if ((this.readyState == 4) && (this.status == 200)) { 
     document.getElementById("selectedRecord" + recid).innerHTML=xmlhttp.responseText; 
     } 
    } 
    // Open an asynchronous POST connection and send request 
    xmlhttp.open("POST", "delete_record.php", true); 
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
    xmlhttp.send("recid="+recid+"&articleID="+articleID); 
    return false; // Do not follow hyperlink 
} 
</script> 

: 여기 내 스크립트입니다 . 이제 스크립트를 다시이 스크립트로 전달하여 스크립트의 내용을 $ navigation 변수의 내용으로 바꿔야합니다.

Answer 1

+1 닉. 이것을 위해 jQuery를 사용하면 삶이 더 간단해질 것입니다.