What alternative approach can be taken to reliably extract JSON data from a JavaScript variable in a HTML page?

When extracting JSON data from a JavaScript variable in an HTML page, one alternative approach is to use AJAX to send the JSON data to a server-side script (such as PHP) for processing. This ensures that the JSON data is reliably extracted and can be manipulated securely on the server side.

<?php
// Assume the JSON data is stored in a JavaScript variable named jsonData
$jsonData = $_POST['jsonData'];

// Decode the JSON data into an associative array
$data = json_decode($jsonData, true);

// Process the JSON data as needed
// For example, you can access specific values using $data['key']

// Send a response back to the client if needed
echo json_encode(['message' => 'JSON data processed successfully']);
?>