ajax href call tot refresh web pagina
ik ben een website voor een vriend aan het aanpassen.
Het is een 1 pagina website. Echter worden er wel pagina's in geladen. Voor de foto's wil ik dat de pagina content.php dynamisch wordt geladen middels de ajax functie.
Deze functie werkt alleen niet dynamisch de pagina wordt namelijk toch opnieuw geladen.
Wat moet ik veranderen zodat het ajax gedeelte wel wordt geladen en niet de gehele pagina.
voorbeeld staat hier online klik hier
stukje jquery
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var klikevent = function() {
//$("a").click(function() {
var imgid = $(this).find("img").attr('alt');
var imggid = imgid;
var imgides = escape(imgid)
var string = imgides;
$.ajax({
type: "GET",
url: "ajax/content.php",
//data: string,
data: {var1: string, var2: imggid },
//data: { string, test: imggid },
cache: false,
dataType: "html",
success: function(data){
$(".content").html(data);
}
});
}
//$("a").click(function() {
var imgid = $(this).find("img").attr('alt');
var imggid = imgid;
var imgides = escape(imgid)
var string = imgides;
$.ajax({
type: "GET",
url: "ajax/content.php",
//data: string,
data: {var1: string, var2: imggid },
//data: { string, test: imggid },
cache: false,
dataType: "html",
success: function(data){
$(".content").html(data);
}
});
}
Gewijzigd op 21/08/2014 20:08:04 door Arend b
bij mijn link heb it het volgende vervangen
<a href="#">
door
<a href="javascript:void(0)">
Dat zou niet moeten uitmaken, maar als ik het zo goed leest, dan had je nog beter dit kunnen doen:
Code (php)
1
onclick="klikevent()"
En var klikevent = function() is niet perse nodig, want het kan net zo goed function klikevent () zijn.