Hogy tudok AJAX-al egy weblaprészletet betölttetni?
Nem találtam rá magyar nyelvű példát, ami el is magyarázná.
jQery-vel szeretném.
HTML:
<button class="myButton">Klikkelj</button>
<div class="show">
Ez az elem AJAX-al lesz megjelenítve!!
<br><br><br>
</div>
jQery próbálkozások:
$.ajax({
type : "GET",
url: ??, // Minek kell az URL-je?
cache: false,
dataType: "", // ??
error: function (xhr, status, error) {
alert("Cannot read " + path + ". Status: " + status + ". Message: " + error);
},
success: function() {
}
});
válasza:Ebben mit szeretnél ajax-al, ha ott van mellette a gomb? Tudod egyáltalán mire való az ajax, vagy honnan jött az ötlet?
$('.myButton').click(function(){
$('.show').show();
});
Egy oldal részletet szeretnék csak betölteni, nem az egész layoutot.
A gombot azért tettem oda, hogy az indítson egy eseményt, ami meghívja az AJAX-ot.
Logikátlan a gomb, tudom, de szerintem leszürhető a lényeg a kérdésemből.
válasza:Mint az első válaszoló is írta, ehhez nem szükséges ajax.
Szimplán a gomb click eventje esetén az adott div elemet .show()-al megjeleníted.
válasza: válasza:url: ??, // Minek kell az URL-je? - Természetesen annak az URL-je, ahol az a részlet van, amit be szeretnél tölteni.
dataType: "", // ?? - Ez maradhat üresen
Tehát elmented a betöltendő részletet, mondjuk valami.htm néven, aztán:
<div id="ajaxload"><!-- ide kerul majd a tartalomreszlet --></div>
$.ajax({
type : "GET",
url: 'valami.htm',
cache: false,
error: function (xhr, status, error) {
alert("Cannot read " + path + ". Status: " + status + ". Message: " + error);
},
success: function(data) {
$('#ajaxload').html(data);
}
});
További kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!