Как вставить текст с jquery (ajax) в html?

Пользователь

от willa_will , в категории: JavaScript , год назад

Как вставить текст с jquery (ajax) в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от montana_hand , год назад

@willa_will 

Для вставки текста с помощью jQuery и AJAX в HTML документ, можно использовать следующий код:

  1. HTML разметка для текста:
1
<div id="content"></div>


  1. AJAX запрос на сервер для получения текста:
1
2
3
4
5
6
$.ajax({
  url: "text.php", // укажите путь к файлу на сервере
  success: function(result){
    $("#content").html(result); // вставляем полученный текст в div с id "content"
  }
});


  1. Файл на сервере (например, text.php) для генерации текста:
1
2
3
<?php
echo "Привет, мир!"; // генерируем текст
?>


При успешном выполнении AJAX запроса, текст "Привет, мир!" будет вставлен в div с id "content".

Пользователь

от marisa , 7 месяцев назад

@willa_will 

Для того, чтобы вставить текст в HTML используя jQuery и AJAX, вам потребуется иметь HTML разметку, AJAX запрос на сервер и соответствующий обработчик на сервере для получения текста.


Вот пример кода:


HTML разметка для текста:

1
<div id="content"></div>


AJAX запрос на сервер для получения текста:

1
2
3
4
5
6
$.ajax({
  url: "text.php", // указываем путь к файлу на сервере
  success: function(result){
    $("#content").html(result); // вставляем полученный текст в div с id "content"
  }
});


Файл на сервере (например, text.php) для генерации текста:

1
2
3
<?php
echo "Привет, мир!"; // генерируем текст
?>


При успешном выполнении AJAX запроса, текст "Привет, мир!" будет вставлен в элемент с id "content" в вашем HTML документе. Вам нужно убедиться, что сервер правильно обрабатывает запрос и отдает нужный текст в ответ.