Помогите с Ajax | скрипт комментариев

TF-Studio
На сайте с 17.08.2010
Offline
334
1060

Пишу скрипт комментариев.

На дворе 21 век, поэтому хочется сделать красиво.

листинг комментов делается через ajax .load

Как сделать добавление комментария и после этого обновление списка, без перезагрузки страницы?

то есть допустим:

<textarea id="id"></textarea>

<input **** onclick="add_comment(id)">

Сам код писать не надо, мне просто логику понять.

ajax - минимальные познания.

Всё ещё лучший способ заработка для белых сайтов: GoGetLinks (https://www.gogetlinks.net/?inv=fahbn8).
maldivec
На сайте с 04.11.2008
Offline
160
#1

Отправляем аджаксом комментарий, скрипт на сервере пишет его в БД (или куда там у вас) и возвращает некий результат записи, если запись прошла успешно , то добавляем новый элемент с этим комментарием в DOM, т.е дописываем его в список. Если запись комментария не получилась - выводим сообщение об ошибке.

В общем и целом - так.

topy
На сайте с 28.03.2006
Offline
142
#2

а я напишу примерный код, можно?


<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script>
$(document).ready(function(){
$('#textform').submit(function(){
$.ajax({
type: "POST",
url: "test.php",
data: "login="+$("#login").val()+"&text="+$("#text").val(),
success: function(html){
$("#content").html(html);
}
});
return false;
});
});
</script>
<table>
<tr><td><div id="content"></div></td></tr>
<tr><td><form id="textform" method="POST"><input type="text" name="login" id="login"></td></tr>
<tr><td><input type="text" name="text" id="text"></td></tr>
<tr><td><input type="submit" value="Отправить"></td></tr>
</table>

а в файле test.php пишите обработку и insert в базу полученных POST-значений.

Код в качестве примера, качество какое есть, но суть отражает.

Новости коротко и ясно (https://subnews.ru)
maldivec
На сайте с 04.11.2008
Offline
160
#3

Ну уж так вот писать вроде незачем:

topy:
data: "login="+$("#login").val()+"&text="+$("#text").val(),

Проще data: $("#textform").serialize() :)

Может ТС хочет вникнуть в суть ajax, а не использовать JQuery... :)

topy
На сайте с 28.03.2006
Offline
142
#4

maldivec, А можно и так ))

maldivec:
Может ТС хочет вникнуть в суть ajax, а не использовать JQuery...

Я думаю вряд ли, хотяяя...

TF-Studio
На сайте с 17.08.2010
Offline
334
#5

вникать в суть нет времени к сожалению.

Добавить - примерно понятно. (на примере кода) (спасибо)

А вот как обновить текущий список комментов?

Выводятся они:


<script type="text/javascript">
$(document).ready(function(param){
$("#comment_listing").load("{некий адрес с параметрами}");
});
</script>
LEOnidUKG
На сайте с 25.11.2006
Offline
1725
#6

Странно вы хотите написать скрипт, но задаёте вопросы касающийся озов...

Какая тут логика то? ajax отправляет данные в php так же как и если бы вы просто переходили на эту страницу через браузер и всё.

Более ajax ничего не делает, это просто туннель, кидайте туда все параметры и т.п.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
TF-Studio
На сайте с 17.08.2010
Offline
334
#7

Суть в том, что я знаю php, а вот ajax по нулям.

могу работать как кодер исключительно.

брать готовые варианты и адаптировать их.

Вот как-то так.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий