Пытаюсь немного изучать ajax и вот столкнулся с задачей вывести даные из базы данных в браузуре.
Есть табличка:
id name
1 client_1
2 client_2
3 client_3
Серверная часть небольшой запрос:
$select = 'SELECT name';
$from = ' FROM clients';
$queryResult = @mysql_query($select . $from);
if (!$queryResult)
die('Error database.');
while ($row = mysql_fetch_array($queryResult)) {
$names = $row['name'];
}
echo $names;
часть яваскрипта :
function getNames() {
request = new XMLHttpRequest();
var url = "query.php";
request.open("GET", url, true);
request.onreadystatechange = updatePage;
request.send(null);
}
function updatePage() {
if (request.readyState == 4) {
var newNames = request.responseText;
var NamesE = document.getElementById("name-clients");
replaceText(NamesE, newNames);
}
function replaceText(el, text) {
if (el != null) {
clearText(el);
var newNode = document.createTextNode(text);
el.appendChild(newNode);
}
}
и собствено кусок index.html:
<table>
<tr><th>Имя клиента</th>
<td>$<span id="name-clients"> name</span></td></tr> </table>
Проблема состоит в том что выводит только в одной ячейке последнее значение тоесть client_3. Как вывести все значения нужной ячейки или всей таблицы никак не получается. Толи в запросе чтото не то и надо всю табличку в запросе вывести то ли в updatePage() дописать чтото?