Как использовать xmlhttprequest для отображения нового дочернего узла в html с данными узла из сценария php

Question

У меня есть функция javascript, назначенная кнопке, которая при нажатии удаляет узлы из div, каждый узел в div является

<p class="line"><a href="...">example</a></p> 

, который работает нормально.Это использует функции removeChild и lastChild из javascript.Что я хочу сделать, так это иметь возможность добавлять узлы в конец списка узлов в div, где содержимое узла (ссылка) берется из сценария php на моем сервере.

Я могу получитьдо того момента, когда я говорю

xmlObj.open ('GET', '/ajax?action=boxcontent&i='+i', true);
xmlObj.send ('');

То есть после объявления объекта запроса и проверки его на 4-м состоянии готовности.

Но это далеко, насколько я могу получить.Я знаю базовый php, поэтому мне нужен php-файл с именем boxcontent.php, и в нем мне нужно иметь информацию об узле, которую я хочу поместить в div.На странице также есть несколько div-ов, поэтому я добавляю 'i' в ссылку запроса GET, чтобы я мог указать, для какой информации мне нужна информация, но об этом я буду беспокоиться позже ... Я хочу получить однусначала работает коробка.

Если бы кто-то был достаточно любезен, чтобы дать мне руководство, я был бы очень признателен.

Answer 1

Это сделает запрос к указанному вами URL и отобразит ответ в окне сообщения с предупреждением (добавьте его между строками xmlobj.open (...) и xmlObj.send (...)):

xmlObj.onreadystatechange = function() {
    if(xmlObj.readyState == 4) {
        alert(xmlObj.responseText);
    }
}