jQuery submit form en 'get' ALL result data

Door Dennis WhoCares op 18-11-2014 19:31 gewijzigd op 18-11-2014 20:37

899 views

Hoi allemaal,

ik ben met jquery formulieren aan het versturen, maar ik probeer nu een bericht terug te krijgen, zodat ik op de huidige pagina een mooie alert kan weergeven.


$('#updateBtn').submit(function() {
        
        var url = $(this).attr('action');
        var data = $(this).serialize();
        $.post(url, data, function(o) {
            if(o.result === 'true') {
                myAlert('success','Success!',o.msg);
            } else {
                myAlert('warning','Foutje!',o.msg);
                $('#page').append(o);
            }
        });

        return false;
    });

Nou krijg ik telkens m'n warning alert met een o.msg undefined melding, hoewel wanneer ik dus de append(o) toevoeg, krijg ik hetvolgende te zien:


{"result":"true","btn_id":"32","btn_title":"testasdasd","btn_page":"qwafad","btn_level":"1","msg":"De knop is succesvol aangepast!"}

Kan iemand mij helpen?
De php die deze output terug geeft is

echo json_encode($results);

Frank Nietbelangrijk

18-11-2014 20:36 gewijzigd op 18-11-2014 20:36

Ik zou JSON gebruiken.

ajax.php:
<?php

if($_SERVER['REQUEST_METHOD'] == 'POST')
{
if(validation() === true)
{
// Opslaan in de database

return json_encode(array('status' => 'success'));
}
}

return json_encode(array('status' => 'success'));

?>

JQuery:


$.ajax({
    url: "ajax.php",
    type: 'POST',
    data: data,
    dataType: 'json',
    success: function(data, textStatus, jqXHR)
    {
        if(data.status == 'success')
        {
            alert('success');
        }
        else
        {
            // Handle errors here
            console.log('ERRORS: ' + data.error);
        }
    },
    error: function(jqXHR, textStatus, errorThrown)
    {
        // Handle errors here
        console.log('ERRORS: ' + textStatus);
     }
});

Dennis WhoCares

18-11-2014 20:38

Ow verrek! Ik zit nou 3 keer terug te kijken, heb net m'n code aangepast, omdat t allemaal beetje vaag was.
Ik vergeet inderdaad m'n

}, 'json');

Bij het afsluiten van m'n $.post

Thanks!!!

Reageren

Inloggen om te reageren