[Opgelost][Jquery/Ajax] Script openen
Ik wil POST data verzenden. Overigens heb ik een nogal aparte fout en op google kon ik de oplossing niet vinden.
Als ik dus op .box druk krijg ik in beeld:"bezig";
Als ik een verkeerde url invul krijg ik fout.
Wat doe ik verkeerd dat ik geen goed krijg?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<script src="http://code.jquery.com/jquery-1.7.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$('.box').on("click",function(){
$.ajax({
type: 'POST',
url: 'js/javascript.php',
data: {test: 'test'},
beforeSend: function(){
$('.box').html('bezig');
},
succes: function(){
$('.box').html('goed');
},
error: function(){
$('.box').html('fout');
}
});
});
});
</script>
<div class="box" style="cursor:pointer;">
Test
</div>
<body>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<script src="http://code.jquery.com/jquery-1.7.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$('.box').on("click",function(){
$.ajax({
type: 'POST',
url: 'js/javascript.php',
data: {test: 'test'},
beforeSend: function(){
$('.box').html('bezig');
},
succes: function(){
$('.box').html('goed');
},
error: function(){
$('.box').html('fout');
}
});
});
});
</script>
<div class="box" style="cursor:pointer;">
Test
</div>
<body>
</body>
</html>
js/javascript.php:
Gewijzigd op 16/08/2013 00:05:17 door Martijn L
Kan je jouw code even tussen [code] en [/code]-tags plaatsen?
Wat als je van .html nou eens .text maakt?!
Keizer Webdesign op 15/08/2013 23:35:01:
Wat als je van .html nou eens .text maakt?!
Dat werkt niet.
En dan zouden Before en Error ook niet werken.
Of doe het eens zo:
Code (php)
1
2
3
2
3
error:function (xhr, ajaxOptions, thrownError){
$(".result").empty().html('Er is een fout opgetreden:'+ xhr.status + ' '+ thrownError);
}
$(".result").empty().html('Er is een fout opgetreden:'+ xhr.status + ' '+ thrownError);
}
Gewijzigd op 15/08/2013 23:51:46 door - Ariën -
Je weet dat het success is en niet succes?
- Aar - op 15/08/2013 23:49:46:
Kreeg geen fout.
Erwin H op 15/08/2013 23:59:21:
Dankje lezen blijft moeilijk.
Het werkt.
Problem Solved!
Gewijzigd op 16/08/2013 00:04:52 door Martijn L
Fijn dat het opgelost is, dit zijn echt van die dingen waar je steeds maar weer overheen kijkt.