Блог

Главная - Вопросы по программированию - Как использовать xmlhttprequest, чтобы новый дочерний узел появился в html с данными узла из php-скрипта

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

#php #javascript #xmlhttprequest

#php #javascript #xmlhttprequest

Вопрос:

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

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

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

Я могу дойти до того, что я говорю

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

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

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

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

Комментарии:

1. почему бы вам не использовать ту же функциональность javascript для добавления узлов, которую вы использовали для их удаления, также используйте ее для их добавления. просто небольшой совет

2. Главное, с чем мне нужна помощь, — это получение откуда-то информации об узле, о чем я спрашивал выше.

3. используйте jquery / mootools для таких вещей. Это намного проще, чем запускать ваши собственные обработчики AJAX. Как часть их функциональности ajax, вы можете указать функцию обратного вызова, которая принимает все, что сервер выдает для вызова ajax. Здесь вы должны выполнить вставку DOM.

Ответ №1:

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

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