AJAX - no JQuery가 포함 된 웹 페이지의 일부분로드

Question

JQuery를 사용하는 방법이 있다는 것을 알고 있지만 지금 당장 필요한 것은 아닙니다.

I 사업부로 페이지의 콘텐츠를 가져옵니다 다음과 같은 자바 스크립트, 그러나 나는 전체 페이지, 해당 페이지에서 DIV 단지 내용 싶지 않아 있습니다

function ahah(url, target) { 
document.getElementById(target).innerHTML ='<img src="ajax-loader.gif"/>'; 
if (window.XMLHttpRequest) { 
req = new XMLHttpRequest(); 
} else if (window.ActiveXObject) { 
req = new ActiveXObject("Microsoft.XMLHTTP"); 
} 
if (req != undefined) { 
req.onreadystatechange = function() {ahahDone(url, target);}; 
req.open("GET", url, true); 
req.send(""); 
} 
} 

function ahahDone(url, target) { 
    if (req.readyState == 4) { // only if req is "loaded" 
    if (req.status == 200) { // only if "OK" 
     document.getElementById(target).innerHTML = req.responseText; 
    } else { 
     document.getElementById(target).innerHTML=" Error:\n"+ req.status + "\n" +req.statusText; 
    } 
    } 
} 

function load(name, div) { 
ahah(name,div); 
return false; 
} 

그리고 내가 전화를 like :

<a href="page.php" onclick="load('page.php','ajaxcontent');return false;" class="slide_more">LOAD</a> 

여기서 page.php에서로드 할 선택기를 지정해야합니까?

Answer 1

일반적으로 AJAX 애플리케이션에서 HTML 조각을 얻으려면 서버가 클라이언트 측에서 선택된 대신 프래그먼트를 리턴하는 사람이어야합니다. 예를 들어, 섹션 4의 Simple Example을 참조하십시오. Cool AJAX 예제. 웹 사이트에서 코드 참조를 위해 아래에 제공된 경우 : PHP 페이지가 바로 <span> 만 대신 전체 HTML을 포함하는 HTML 조각을 반환하는 것을

가

<?php 
function validate($name) { 
    if($name == '') { 
    return ''; 
    } 

    if(strlen($name) < 3) { 
    return "<span id=\"warn\">Username too short</span>\n"; 
    } 

    switch($name) { 
    case 'bob': 
    case 'jim': 
    case 'joe': 
    case 'carol': 
     return "<span id=\"warn\">Username already taken</span>\n"; 
    } 

    return "<span id=\"notice\">Username ok!</span>\n"; 
} 

echo validate(trim($_REQUEST['name'])); 
?> 

알 수 있습니다. 이것은 AJAX 호출의 장점 중 하나입니다. 페이로드가 더 작기 때문에 전체 페이지를 반환 할 필요가 없으므로 대역폭 비용을 절약 할 수 있습니다.