form zonder reload/refresh [probleem]

Door Marco Eilander op 26-12-2014 22:49

1.624 views

Hallo,

Ik wil een form hebben die zonder reload/refresh post op dezelfde pagina.


<form target="like" action="video.php?watch='.$_GET['watch'].'" name="like" method="POST"><input type="submit" name="vidlike" value="Like"/></form>

javascript :


$.post('video.php?watch=<?php echo $_GET['watch']; ?>', $('#like').serialize());

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.

Eddy E

27-12-2014 06:41

Zoek eens op "jQuery post ajax".

Marco Eilander

27-12-2014 11:29

Het is gelukt met :


<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>


<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']).'

Reageren

Inloggen om te reageren