form zonder reload/refresh [probleem]
Ik wil een form hebben die zonder reload/refresh post op dezelfde pagina.
Code (php)
1
<form target="like" action="video.php?watch='.$_GET['watch'].'" name="like" method="POST"><input type="submit" name="vidlike" value="Like"/></form>
javascript :
op dezelfde pagina heb ik dan het rest van de script in php staan.
Ik heb al aardig wat tutorials afgezocht, maar de voorbeelden die ik daar vind, blijken niet te werken.
Het opent nu de pagina in een nieuw tabblad, en wil gewoon dat het bij 1 pagina blijft, zonder refresh, maar dat ik wel een insert kan doen richting database.
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
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
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "></script>
<script>
$(document).ready(function(){
$('#vidlike').click(function(){
// show that something is loading
$('#response').html("<b>Loading response...</b>");
/*
* 'post_receiver.php' - where you will pass the form data
* $(this).serialize() - to easily read form data
* function(data){... - data contains the response from post_receiver.php
*/
$.post('like.php', { ip: "<?php echo $_SERVER['REMOTE_ADDR'];?>", video : "<?php echo $_GET['watch'];?>" }, function(data){
// show the response
$('#response').html(data);
}).fail(function() {
// just in case posting your form failed
alert( "Like failed." );
});
// to prevent refreshing the whole page page
return false;
});
});
</script>
<script>
$(document).ready(function(){
$('#vidlike').click(function(){
// show that something is loading
$('#response').html("<b>Loading response...</b>");
/*
* 'post_receiver.php' - where you will pass the form data
* $(this).serialize() - to easily read form data
* function(data){... - data contains the response from post_receiver.php
*/
$.post('like.php', { ip: "<?php echo $_SERVER['REMOTE_ADDR'];?>", video : "<?php echo $_GET['watch'];?>" }, function(data){
// show the response
$('#response').html(data);
}).fail(function() {
// just in case posting your form failed
alert( "Like failed." );
});
// to prevent refreshing the whole page page
return false;
});
});
</script>
Code (php)
1
<input type="button" value="Like" id="vidlike" />
Is het mogelijk om de likes ook live te updaten, zonder refresh?
Voor de like button heb ik dit staan : '.number_format($video['likes']).'