PHP δεδομένα μέσω JSON σε JavaScript

Χρειάζεται πολλές φορές να χρησιμοποιήσουμε δεδομένα της PHP σε JavaScript κώδικα. Αυτά τα δεδομένα μπορεί να είναι πληροφορίες που έχουμε απoθηκεύσει, από απλές μεταβλητές μέχρι arrays και objects.

Σε αυτό το άρθρο θα παρουσιάσω εν συντομία πως μπορούμε να περάσουμε PHP data μέσω JSON σε JavaScript.

PHP -> JSON

Έστω ότι θέλουμε να δημιουργήσουμε έναν πίνακα με κάποια δεδομένα μίας html φόρμας. Δημιουργούμε τον αντίστοιχο πίνακα και με την βοήθεια του json_encode μετατρέπουμε τον πίνακα σε JSON string:

// PHP array
$form = [
    "age" => "20",
    "first_check" => "yes",
    "second_check" => "no",
];

//Encode array as a JSON string
$json_string = json_encode($form);

Στο παραπάνω παράδειγμα αν γράψουμε echo $json_string το αποτέλεσμα θα είναι ένα json string και συγκεκριμένα: {“age”:”20″,”first_check”:”yes”,”second_check”:”no”}.

JSON -> JavaScript

Πλέον με την βοήθεια του JSON.parse έχουμε πρόσβαση στο “PHP array” μέσω JavaScript, μετατρέποντας το JSON string σε JavaScirpt Object:

<script type="text/javascript">
    let formData = JSON.parse('<?= $json_string; ?>');

    console.log(formData);
</script>

Έτσι έχουμε την πληροφορία στο JavaScript script μας και μπορούμε να προσπελάσουμε τα διάφορα δεδομένα κανονικά όπως θα κάναμε σε οποιοδήποτε άλλο JavaScript Object:

console.log(formData.age);
console.log(formData.first_check);
console.log(formData.second_check);