如何修复PHP中“意外$age(T_VARIABLE)”的语法解析错误

Hey there! Let's break down what's causing that parse error and fix your code step by step.

First, that unexpected '$age' syntax error almost always means PHP got confused because it didn't see a statement terminator (semicolon) in the line right before $age. Double-check if your line $lastName = $_GET['lastName']; actually has a semicolon at the end—sometimes when code is written in a single line or split accidentally, that semicolon can go missing, making PHP interpret the next variable as part of the previous statement.

Another key issue is that you've mixed PHP, JavaScript, and HTML code all together without proper separation, which can lead to parsing problems. Let's split these into proper files (or structure them correctly) so everything works as intended:

1. form_1.php (PHP backend to handle AJAX requests) #

This file will process the incoming GET parameters and return the formatted response:

<?php
// Use null coalescing operator to avoid "undefined index" warnings
$firstName = $_GET['firstName'] ?? '';
$lastName = $_GET['lastName'] ?? '';
$age = $_GET['age'] ?? '';
$email = $_GET['email'] ?? '';

echo "<h2>Response Demo Form</h2>";
echo "<h3>You submitted the following information:</h3>";
echo "<ul>";
echo "<li>Name: <strong>$firstName $lastName</strong></li>";
echo "<li>Age: $age</li>";
echo "<li>Email: $email</li>"; // Fixed the duplicate "Age:" label here
echo "</ul>";
?>

2. script.js (JavaScript for AJAX functionality) #

This file handles the form submission and AJAX request:

const firstName = document.getElementById("firstName");
const lastName = document.getElementById("lastName");
const age = document.getElementById("age");
const email = document.getElementById("email");
const submitButton = document.getElementById("submitButton");
const responseHere = document.getElementById("responseHere");

submitButton.addEventListener('click', ajax);

function ajax(){
    const xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function(){
        if (this.readyState === 4 && this.status === 200){
            responseHere.innerHTML = this.responseText;
        }
    };

    // Encode parameters to handle special characters (like spaces or @)
    const httpString = `form_1.php?firstName=${encodeURIComponent(firstName.value)}&lastName=${encodeURIComponent(lastName.value)}&age=${encodeURIComponent(age.value)}&email=${encodeURIComponent(email.value)}`;
    console.log(httpString);
    xmlhttp.open("GET", httpString, true);
    xmlhttp.send();
}

3. index.html (Main HTML page) #

This is your front-end form page:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="Lucas Baneke GD1A">
    <title>Ajax form_1</title>
</head>
<body>
    <h2>Form_2</h2>
    <form>
        <input type="text" id="firstName" name="firstName" placeholder="voornaam">
        <input type="text" id="lastName" name="lastName" placeholder="achternaam">
        <input type="number" id="age" name="age" placeholder="leeftijd"> <!-- Changed to number type for better UX -->
        <input type="email" id="email" name="email" placeholder="email"> <!-- Changed to email type for built-in validation -->
        <input type="button" id="submitButton" value="submit">
    </form>
    <div id="responseHere">hier komt de response</div>
    <script src="script.js"></script>
</body>
</html>

Extra fixes & tips: #

• Added ?? '' (null coalescing operator) to the PHP code to avoid "undefined index" warnings when parameters aren't passed.
• Used encodeURIComponent() in JavaScript to safely handle special characters in user input, preventing URL errors.
• Updated HTML input types to be more semantic (number for age, email for email) which adds built-in browser validation.
• Fixed the duplicate "Age:" label in the PHP response output.

内容的提问来源于stack exchange，提问作者Shaw358