Действие jQuery над объектом Ajax ResponseTextJquery

Программирование на jquery
Ответить
Anonymous
 Действие jQuery над объектом Ajax ResponseText

Сообщение Anonymous »

Хорошо, я совершенно новичок в jQuery, и, вероятно, здесь что-то очевидное не хватает...
Я пытаюсь сделать следующее:

1) использовать JavaScript + Ajax + PHP для извлечения таблицы через ResponseText из базы данных MySQL (в настоящее время работает)

2) использовать jQuery для выполнения действий с таблицей (не работает)

Первая часть (1) кода выглядит следующим образом:

Код: Выделить всё


function displayPeople(String) {

if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} else { // code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("People").innerHTML=xmlhttp.responseText;
}
}

var Query = "?String=" + String;
xmlhttp.open("GET","library/display_people.php"+Query,true);
xmlhttp.send();
}
window.onload = displayPeople("");






Таблица динамически обновляется, когда пользователь вводит имя в поле ввода.
Файл PHP собирает запрос и возвращает:

Код: Выделить всё

$display_string = "";
while($row = mysqli_fetch_array($Results)){
$display_string .= "";
$display_string .= "" . $row['FirstName'] . "";
$display_string .= "" . $row['LastName'] . "";
$display_string .= "" . "edit" . "";
$display_string .= "";
}
$display_string .= "";

echo $display_string;
СЕЙЧАС, часть (2), я хотел бы выполнить некоторые действия с использованием jQuery над записями таблицы (конечная цель: http://www.9lessons.info/2011/04/live-t ... ation.html).

Для начала я добавил этот скрипт jQuery в .html, взятый из другого руководства. (http://jsfiddle.net/tXS6w/), который отлично работает с любой «статической» таблицей, но не оказывает никакого влияния на таблицу выше! То есть ничего не произойдет, если я нажму на кнопку, которая вместо этого должна сменить метку...

Код: Выделить всё

$(document).ready(function () {
$('.editbtn').click(function () {
$(this).html($(this).html() == 'edit' ? 'modify' : 'edit');
});
});
Как я могу заставить это работать?

Мои знания JavaScript/Ajax/PHP весьма ограничены, поэтому самое простое решение приветствуется!

Спасибо!!!
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»