Jquery가 포함 된 자동 아약스 선택자

Question

개념 증명 웹 사이트를 만들려고하지만 완벽한 저하가 필요합니다. 따라서 우선 웹 사이트를 일반 XHTML로 코딩 한 다음 클래스 &을 추가하여 jQuery에 연결하십시오.

내가하고 싶은 한 가지는 결국 내 모든 링크에 대해 Ajax xmlhttprequest를 사용 가능하게하므로 뷰포트 div에 표시됩니다. 이 뷰포트가 여러 외부 페이지의 xmlhttprequest에 대한 "범용"덤프가되도록합니다. 내가 좋아하는 뭔가를 하드 코딩 할 수있어 경우

궁금 :

<a href="blah.html" class="ajax">, <a href="bleat.html" class="ajax"> 

등 당신이 볼 수 있듯이 그래서, 내가 클래스 아약스와에서 Ajax 요청을 호출 할 모든 링크 태그를 제공합니다. jQuery를 기반으로하는 JS에서 모든 긍정적 인 $ { "a") 필터 (". ajax")가 자동으로 각각의 hrefs [변수]를 ajax 요청으로로드하도록 코드를 작성하려고합니다.

도와주세요. 나는 n00b이다. $('.ajax')이로 오해 될 수 있기 때문에,

$('.ajax').click(function() { 
    // Your code here. You should be able to get the href variable and 
    // do your ajax request based on it. Something like: 
    var url = $(this).attr('href'); 
    $.ajax({ 
     type: "GET", 
     url: url 
    }); 
    return false; // You need to return false so the link 
        // doesn't actually fire. 
}); 

내가 그것을 코드를 읽기가 좀 이상합니다 때문에 "아약스는"다른 클래스를 사용하여 제안 : 귀하의 예제와

Answer 1

, 당신은 할 수 있어야 $.ajax().

$('.ajax').click() 부분은 페이지의 모든 요소에 대해 onClick 이벤트 처리기를 원하는대로 정확히 "ajax"클래스로 등록합니다. 그런 다음 $(this).attr('href')을 사용하여 클릭 한 특정 링크의 href를 얻은 다음 필요한 것을 수행하십시오! 같은

Answer 2

뭔가 :

function callback(responseText){ 
    //load the returned html into a dom object and get the contents of #content 
    var html = $('#content',responseText)[0].innerHTML; 
    //assign it to the #content div 
    $('#content').html(html); 
} 

$('a.ajax').click(function(){ 
    $.get(this.href, callback); 
    return false; 
}); 

당신은 탐색이 두 번 이상 표시되지 않도록 외부 #content div의의 모든 것을 구문 분석 할 필요가있다. 나는 정규 표현식에 대해서 생각하고 있었지만 jQuery를 사용하여이를 쉽게 수행 할 수 있었기 때문에 예제를 업데이트했다.