jQuery/AJAX - ładowanie zawartości do elementu div po kliknięciu przycisku?

Question

Czy ktoś mógłby pomóc tutaj?

Chciałbym wypełnić div, np.

<div id="contenthere"></div> 

z zawartością z pliku zewnętrznego, np.

/includes/about-info.html 

po kliknięciu przycisku z określoną klasą np.

<p class="classloader">Click Here</p> 

Czy ktoś ma przykład szybkiego kodu, który może mi pokazać, aby to osiągnąć?

Answer 1

użytkowania jQuery.click i jQuery.load:

$(document).ready(function(){ 
    $('.classloader.').click(function(){ 
     $('#contenthere').load('/includes/about-info.html'); 
    }); 
}) 

Answer 2

Można zapisać się na razie .click() akapitu, a następnie użyj funkcji .load() wysłać żądania AJAX do danego adresu URL i wstrzyknąć wyniki do określonego selektora:

$(function() { 
    $('.classloader').click(function() { 
     $('#contenthere').load('/includes/about-info.html'); 
     return false; 
    }); 
}); 

Answer 3

Spróbuj wykonać następujące czynności:

var myurl = 'myfileonthesamedomain.html'; 

$('button').click(function(){ 
    $('div.loadme').load(myurl); 
}); 

Answer 4

obciążenia najnowsza wersja jQuery:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 

jQuery Kod:

<script language="javascript"> 
$(function(){ 
    $(".classloader").click(function(){ 
    $("#contenthere").load("/includes/about-info.html"); 
    }); 
}); 
</script> 
</script> 

HTML kod:

<p class="classloader">Click Here</p> 
<div id="contenthere"></div>