Улучшенный подход для отображения двух переменных переменных PHP jQuery Ajax

Question

Я получаю два случайных значения из таблицы. Значения находятся в одной строке.

<?php 
    $result = mysql_query("SELECT * FROM people ORDER BY RAND() LIMIT 1", $connection); 
    $row = mysql_fetch_array($result); 
    echo $row["name"]; 
    echo $row["surname"]; 
?> 

И я хочу, чтобы отобразить эти два значения при различных DIV на моей HTML-страницу с помощью функции JQuery Ajax.

$(function() 
{ 
    $("#sentence-form").submit(function() 
    { 
     $.ajax(
     { 
      type: "GET", 
      url: "newperson.php", 
      success: function(response) 
      { 
       $("#top-container").append(response); /* Both name and surname */ 
      } 
     }); 
    }); 
}); 

Проблема заключается в разделении двух значений для отображения разных в div. Я попытался использовать два вызова Ajax, и я отправляю логические данные в PHP для использования с оператором if. Таким образом, один из вызовов Ajax отображает имя, а другой показывает фамилию. Но из-за рандомизации немного сложно найти фамилию имени.

Что такое лучший подход?

Answer 1

Да: отправить данные в структуре данных - возможно, JSON - поэтому ваш код на стороне клиента знает, какой бит это.

Во-первых, передавать данные с json_encode функции РНР:

echo json_encode(array(
    'name' => $row['name'], 
    'surname' => $row['surname'] 
)); 

Затем использовать возможности браузера для синтаксического анализа JSON:

$.ajax({ 
    type: "GET", 
    url: "newperson.php", 
    dataType: 'json', 
    success: function (response) { 
     $("#name-container").append(response.name); 
     $("#surname-container").append(response.surname); 
    } 
}); 

response теперь является объектом Javascript (что-то вроде {name: 'John', surname: 'Smith'}), так вы можете получить доступ к двум частям в качестве обычных членов объекта.

Answer 2

Отправить переменные как массив JSON

<?php 
    $result = mysql_query("SELECT * FROM people ORDER BY RAND() LIMIT 1", $connection); 
    $row = mysql_fetch_array($result); 
    $output['name'] = $row["name"]; 
    $output['surname'] = $row["surname"]; 
    echo json_encode($output); 
?> 

А на код JavaScript, доступ к нему, как:

data.name и data.surname

Answer 3

Хотя мне нравится ответ lonesomeday, и я думаю, что это путь, я вышлю альтернативу:

Соответствующий PHP:

echo $row["name"].'||'.$row["surname"]; 

Соответствующий код JavaScript:

success: function (response) { 
    var parts = response.split('||'); 
    $("#name-container").append(parts[0]); //name 
    $("#surname-container").append(parts[1]); //surname 
} 

Answer 4

Используйте это:

<?php 
    $result = mysql_query("SELECT * FROM people ORDER BY RAND() LIMIT 1", $connection); 
    $row = mysql_fetch_array($result); 
    echo $row["name"]."&".$row["surname"]; 
?> 

$(function(){ 
    $("#sentence-form").submit(function(){ 
    $.ajax({ 
     type : "GET", 
     url : "newperson.php", 
     success : function(response){ 
     items=response.split('&') 
      $("#top-container").append(items[0]); /* name */ 
      $('#bottom-container").append(items[1]);//*s(u should be i)rname */ 
     } 
     }); 
    }); 
});