Показать данные в текстовое поле

Question

Я новичок в работе над PHP. Мой маленький проект работает при отображении имени и фамилии ученика, согласно h/is/er id. индексной страница должна иметь 3 текстовое поле:

• студента ID
• первого имя
• фамилия

при вставке студенческого билета в первом текстовом поле и нажмите клавишу ввод, связанные с данным материалом появятся в двух других боксах (имя и фамилия).

Код в validation.php:

$con = new mysqli('localhost', 'root', '', 'db_sars') or die(mysqli_error()); 

$student_no = $_GET['student_no']; 
$query = "SELECT student_no,firstname,lastname FROM student WHERE student_no = '$student_no'"; 
$result = mysqli_query($con, $query); 

if (mysqli_num_rows($result)<1) { 
    echo "<span class='green'>Available</span>"; 
} 
else{ 
    $followingdata = $result->fetch_assoc(); 
    echo $followingdata["firstname"].'<br />'; 
    echo $followingdata["lastname"].'<br />'; 
} 

index.html содержит Ajax скриптов и текстовые поля:

</br><input type="text" name="student_no" id="student_no" placeholder="Enter student #"></div></br> 

<input type="text" name="firstname" id="firstname" > 

    <input type="text" name="lastname" id="lastname" > 

Answer 1

Базовый подход: Поскольку страница перезагружается, когда вы отправляете форму, вы могли бы просто заполняйте значения входов при загрузке страницы, сохраняя ваши значения, а не эхо-сигналы:

PHP:

$first = $followingdata["firstname"]; 
$last = $followingdata["lastname"]; 

HTML:

<input type="text" name="firstname" id="firstname" value="<? echo $first ?>"> 
<input type="text" name="lastname" id="lastname" value="<? echo $last ?>"> 

Answer 2

PHP

$followingdata = $result->fetch_assoc(); 
$first_name = $followingdata["firstname"]; 
$last_name = $followingdata["lastname"]; 

echo json_encode(array(
    'first' = $first_name, 
    'last' = $last_name, 
)); 

ваши Аякса преуспевают функция обратного вызова

function (data) { 
    obj = JSON.parse(data); 
    if (obj) { 
     var first = obj.first; 
     var last = obj.last; 
     document.getElementById('firstname').value = first; 
     document.getElementById('lastname').value = last; 
    } 
} 

HTML

<input type="text" name="student_no" id="student_no" placeholder="Enter student #"></div> 
<input type="text" name="firstname" id="firstname" > 
<input type="text" name="lastname" id="lastname" >