Jquery terugkoppeling

Je kan niet zomaar een PHP-variabele ophalen in JavaScript. Daarom zul je dus een AJAX-functie moeten maken die de door PHP geparste waarde ophaalt. Ik kan echter niet uit je verhaal opmaken om je dat al hebt.

Je kan verder met console.log() prima debuggen met behulp van je debugging-functies in je browser.

Met jQuery Ajax kun je dit doen, je POST naar een pagina die geeft een JSON string terug. Bijvoorbeeld:

{"succes": true, "object": {"id": 1}}
{"succes": false, "message": "Er is een fout opgetreden"}

Met de jQuery kun je die JSON weer afvangen:

$.ajax({
	// Hier de rest van je Ajax
	success: function(data) { 
  		if (data.success) {
			alert(data.object.id);
		} else {
			alert('Er is een fout opgetreden: ' + data.message);
		}
  	},
	error: function(data) {
    		alert('Er is een fout opgetreden');
  	}
});

Zoiets ongeveer.

Ik weet niet of dit precies is wat ik bedoel, ik zal het proberen duidelijk uit te leggen.

index.php:
Stuurt via jquery gegevens naar verwerken.php

verwerken.php
verwerkt de gegevens, verstuurt via index.php en geeft na het opslaan in de database (wat goed gaat) $newTitleID = $conn->lastInsertId(); terug.

Nu wil ik op index.php $newTitleID weergeven....
Als ik op index.php: alert( "Data Loaded: " + data ); opvraag, zit het $newTitleID daarin, maar hoe kan ik 'm daarna los weergeven?
Ik wil namelijk de volgende code die dan wordt ingevoegd voorzien van dat ID:

$(wrapper).append('<li class="drsubject" id="HIER DUS DAT ID"><table><tr><td style="padding-left: 5px;"><img src="layout/images/cursor.png"></td><td style="padding-left: 5px;"><input type="text" id=\"titelID\" name="titelnaam[]" placeholder="Naam" class="form-control" style="width:200px;"></td><td style="padding-left: 5px;"><input type="text" id=\"titelID\" name="titelfunctie[]" placeholder="Functie" class="form-control" style="width:200px;"></td><td style="padding-left: 5px;"><a href="#" class="remove_field"><i class="fa fa-trash"></i> &nbsp;Verwijder</a></td></tr></table></li>'); //a

Dit regel je in je callback functie (het "success" blok waar @Joakim aan refereert). Daar moet "wrapper" wel bekend zijn uiteraard. Deze functie krijgt een schop terug als verwerken.php zijn werk heeft gedaan. En in die callback kun je ook informatie terugkrijgen (de "data" parameter in de "success" functie, deze is afkomstig van wat verwerken.php uitspuugt).

Het is handig om het gedrag van dit soort functionaliteit op één plek te definiëren, want in zekere zin hoort dit bij elkaar - het plaatsen van een bericht, visuele terugkoppeling op het scherm, dit is allemaal onderdeel van de AJAX chatbox, of wat je ook probeert te maken.

Kun je een voorbeeldcode geven, want ik snap niet helemaal wat je bedoelt...

Ik ben de code van Joakim aan het bestuderen. Ik denk dat daar het antwoord in zit.
Wat ik me afvraag:

Dit doet mijn update-pagina:

<?php
if($_POST['newtitle'] == "newtitle"){

    	    if(empty($_POST['draaiboekID']) || empty($_POST['itemID']) || empty($_POST['userID'])) { 
            echo $_POST['newtitle'];
			echo $_POST['draaiboek'];
			echo "Er is iets heel erg mis gegaan";
            }

            else{
		    $draaiboekID = mysqli_real_escape_string($conn, $_POST['draaiboekID']);
			$itemID = mysqli_real_escape_string($conn, $_POST['itemID']);
			$userID = mysqli_real_escape_string($conn, $_POST['userID']);
			
			$add_title = mysqli_query($conn, "INSERT INTO titels (naam, functie, volgorde, draaiboekID, itemID, userID) VALUES ('', '', '100', '$draaiboekID', '$itemID', '$userID')") or die('Fout, titel is niet ingevoegd');
			echo $_POST['draaiboek'];
			echo "Er is iets aangemaakt. Het nieuwe ID is";
			$newTitleID = $conn->lastInsertId();
			}

}
?>

Hoe zorg ik dat hier een JSON wordt teruggegeven naar index.php?
Moet dit hier ergens inkomen?

{"succes": true, "object": {"id": 1}}
{"succes": false, "message": "Er is een fout opgetreden"}

Als de actie niet gelukt is toon je die JSON-string. Voor het gemak kan je die zelf opbouwen met PHP:
http://php.net/manual/en/function.json-encode.php

json_encode($newTitleID);

Als ik dit zo aan het einde van update.php verpak. Kan ik 'm dan in index.php weer ophalen?
Ik snap niet wat je bedoelt Arien. Doe ik het zo goed? Ben een leek op dit gebied...

Ik zou zeggen: Debug eens en echo die json_encode. En speel er eens mee tot je de gewenste uitvoer krijgt.

Vroeger was ik ook een leek, maar met het grasduinen in de php.net site heb ik steeds meer geleerd. ;-)

Daan Vee op 02/03/2018 10:04:45

Als ik dit zo aan het einde van update.php verpak. Kan ik 'm dan in index.php weer ophalen?
Ik snap niet wat je bedoelt Arien. Doe ik het zo goed? Ben een leek op dit gebied...

Misschien is het slim om je eens in jQuery Ajax in te lezen. Dat doet namelijk wat jij wil. https://api.jquery.com/jquery.post/