Ik POST op de volgende manier informatie door naar SaveItem.php:


<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
//<![CDATA[
// als je document klaar is met laden...
$().ready(function() {
    // als het formulier #theForm wordt gesubmit...
    $('form#theForm').submit(function(e) {
        // vang het submit event af, jQuery/AJAX handelt dit immers af
        e.preventDefault(); // het default gedrag is dat het formulier gePOST wordt, en dat willen we niet
        $('#postResult').hide();
        $.post(
            'shared/saveItem.php?itemID=<?php echo $itemID; ?>', // het script waar je naartoe POST
            $('#theForm').serialize(), // verzamel alle form data in 1x (naam, content)
    .done(function( data ) {
        $('#postResult').html('Gelukt!');
    }
    .fail(function() {
        $('#postResult').html('Er is een fout opgetreden!');
    }
    .always(function( data ) {
        $('#postResult').show();
        setTimeout(function(){ $('#postResult').hide(); }, 3000);
    }
            'json' // geef een "hint" over het type van de terug te ontvangen data
        );
    });
});
//]]>
</script>


Ik merk dat informatie via SaveItem.php in de database terecht komt.
Maar SaveItem.php controleert ook of alle velden zijn ingevuld.
Indien dat niet het geval is volgt een melding.
Hoe kan ik in #postResult weergeven of er een veld niet is ingevuld, en het script op SaveItem.php niet helemaal is uitgevoerd daardoor?
Wat geeft je PHP-bestand terug? Ik neem aan dat dit JSON of hapklare data is? Deze kan je in je AJAX-request terugvinden in de data-variabele.

Dan kan je in je .done event een vergelijking maken waarin je op de juiste waarde controleert.
Bijv. 'OK'.
Los van de connectie doet m'n php-bestand dit:


<?php
header('Content-Type: application/json; charset=UTF-8');

$success = false;
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
	
	if(empty($_GET['itemID']) || empty($_GET['user_from']) || empty($_GET['user_to'])){
	$success = false;
	}
	else{
	$subjectID = mysql_real_escape_string($_GET['itemID']);
    	    if(empty($_POST['comment'])){
            $success = false;
            }
			else{
			
			$comment = mysql_real_escape_string($_POST['comment']);
			$user_from = mysql_real_escape_string($_GET['user_from']);
			$user_to = mysql_real_escape_string($_GET['user_to']);
			$time = time();

            $insert_comment = mysql_query("INSERT INTO notifications (noteID, subjectID, user_from, user_to, content, time, read_note, del_note) VALUES ('', '".$subjectID."', '".$user_from."', '".$user_to."', '".$comment."','".$time."', '0', '0')") or die (mysql_error());

    		$success = true;
			}
	}
}
echo json_encode($success);
?>
Een JSON-string dus. Hoe ziet deze eruit bij uitvoer?

En verder raad ik gebruik van de MySQL-functies af. Op termijn zal deze verdwijnen waarbij MySQLi of PDO een goede vervanger is.
Hoe bedoel je hoe die eruit ziet bij uitvoer?
Een JSON-string is een speciaal geformuleerde string die er bijvoorbeeld zo uitziet:

{ "error": "No connection" }

Dus wat geeft jouw PHP-script terug? Je kan het ook in de console (CTRL+SHIFT+J) bekijken.
Die geeft niks terug als ik het zo zie... Behalve een succes = true or false... toch?
Een true of false zegt niet wat er fout gaat.

Ik zou het zo doen, en voor de duidelijkheid de variabele hernoemen naar $status.


$status = "FIELDS_EMPTY";

En als het gelukt is:


$status = "SUCCESS";


Dan kan je $status in json_encode gooien. En dan zie je de juiste waardes.
Ik heb de SaveItem.php aangepast naar:


<?php 
include("includes/globals.php");

header('Content-Type: application/json; charset=UTF-8');

$status = "FIELDS_EMPTY";
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
	
	if(empty($_GET['itemID']) || empty($_GET['user_from']) || empty($_GET['user_to'])){
	$success = false;
	}
	else{
	$subjectID = mysql_real_escape_string($_GET['itemID']);
    	    if(empty($_POST['comment'])){
			$status = "FIELDS_EMPTY";
            }
			else{
			
			$comment = mysql_real_escape_string($_POST['comment']);
			$user_from = mysql_real_escape_string($_GET['user_from']);
			$user_to = mysql_real_escape_string($_GET['user_to']);
			$time = time();

            $insert_comment = mysql_query("INSERT INTO notifications (noteID, subjectID, user_from, user_to, content, time, read_note, del_note) VALUES ('', '".$subjectID."', '".$user_from."', '".$user_to."', '".$comment."','".$time."', '0', '0')") or die (mysql_error());
			$status = "SUCCESS";
			}
	}
}
echo json_encode($status);
?>


Hoe pas ik nu onderstaande code aan, zodat er een melding zichtbaar wordt?


<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
//<![CDATA[
// als je document klaar is met laden...
$().ready(function() {
    // als het formulier #theForm wordt gesubmit...
    $('form#theForm').submit(function(e) {
        // vang het submit event af, jQuery/AJAX handelt dit immers af
        e.preventDefault(); // het default gedrag is dat het formulier gePOST wordt, en dat willen we niet
        $('#postResult').hide();
        $.post(
            'shared/saveItem.php?itemID=<?php echo $itemID; ?>', // het script waar je naartoe POST
            $('#theForm').serialize(), // verzamel alle form data in 1x (naam, content)
    .done(function( data ) {
        $('#postResult').html('Gelukt!');
    }
    .fail(function() {
        $('#postResult').html('Er is een fout opgetreden!');
    }
    .always(function( data ) {
        $('#postResult').show();
        setTimeout(function(){ $('#postResult').hide(); }, 3000);
    }
            'json' // geef een "hint" over het type van de terug te ontvangen data
        );
    });
});
//]]>
</script>

Of een array met:
success: true of false
message: die iets over de status zegt
(optioneel) errors: array met veldnamen/boodschappen wat er aan scheelt

De index "success" omvat dan de status als "goed" of "fout" als een boolse waarde zonder een custom code waar je expliciet op moet controleren om af te leiden of het "goed" of "fout" is gegaan. Wat mij nogal omslachtig lijkt
Maar hoe maak ik nu $status zichtbaar? De boodschap kan ik altijd nog veranderen...

Reageren