Как правильно спланировать ajax на сайте?

Question

[Mors Clamor]

Есть сайт, мини сеоц.сеть для узкого круга лиц, профили фотки, группы, и прочая лабуда
Никакого SEO, аудитория человек 20. Написан сайт на Codeigniter 3 (не надо плеваться, это был мой первый фреймворк) и всякие служебные функции вроде "добавить в друзья" или "поставить лайк" выполняется обычными GET запросами а-ля site.ru/page/action/parameter. Есть ещё сервер на workerman (ну очень я php люблю), который отвечает за уведомления и real-time чат

Естественно, мне это не особо понравилось, хочется чтобы как у людей. Поэтому вопрос - какие именно действия выполнять на ajax и как это правильно делается?

Мои мысли - ввиду не очень большой сложности сайта, я хотел прописать все эти вещи напрямую в js нп jquery, буквально "получил с сервера то, напиши это сюда, отправь это"

Насколько верен мой подход?

Answer 1

[xmoonlight]

Сделать API нужных действий (на стороне сервера на PHP) и обращаться через AJAX, передавая и получая информацию в JSON-формате, и вставляя её туда, куда нужно.
В коде js - сделать одну функцию для отправки и получения данных и вызывать её с помощью обработчиков объектов (клик по линку, кнопке и т.д.).
jquery - не нужен! Используйте нативный JS.

Comments

[Mors Clamor]

Вы так сказали, будто jquery хуже сделает)

Я не совсем понял про концепцию одной ф-ции, можно по подробнее? Или в какую сторону гуглить?

[xmoonlight]

66demon666, ну в плане падения производительности - сделает )
А про одну функцию - почитайте здесь

[Mors Clamor]

xmoonlight, я видимо вас не так понял)
Например есть ф-ция setLike и при формировании ссылок мы делаем что-то вроде
<a href="" onclick="setLike(id)">Link</a>
Ну и на работу с api 2 функции - getData и sendData?

Или речь о какой-то суперуниверсальной но действительно одной ф-ции?

А что до квери, я на бутстрап все это писал, а он его так и так использует

[xmoonlight]

66demon666, setLike() - это уже "обёртка" для AJAX-функции.
Лучше передавать this: setLike(this) для указания нужного объекта, а уже там брать нужные параметры и делать вызов AJAX-запроса и получение ответа внутри функции setLike()
getData и sendData - лучше getData и setData
И сделать их параметрами для вызова из "обёрток": result=api('setData',array);
PS: Про jQuery - всё понятно)

[Mors Clamor]

Ага, то есть мы получаем в setlike вызывающий объект, и уже внутри ф-ции понимаем что это за объект. То есть отличительные знаки все равно нужно будет генерировать, id или name, ведь для каждого поста параметры разные будут

А не получится ли функция api слишком уж громоздкой, почему именно так?

[xmoonlight]

66demon666,

ведь для каждого поста параметры разные будут

про параметры - не особо понял.
Лайк разве может ставиться не для конкретного id?
А id - разве у нас не на текущей ноде (или где-то рядом по иерархии) или в урле?
Или там просто туча способов для простановки лайка?)
Тут вроде нечему громоздиться-то! )

[Mors Clamor]

xmoonlight, если проще:
Генерируется список постов, то есть новостная лента аки вк. У каждого поста есть кнопка лайка. Как мы отличим один пост от другого в функции setLike?

[xmoonlight]

66demon666, у поста есть id где-то в тегах. Используя this мы относительно клик-объекта поднимаемся иерархически на нужную оборачивающую ноду, содержащую id и забираем его.

[alex-1917]

в общем, подытоживая, бери , автор, вордпресс, потрать один день и будет у тебя и сеоц.сеть и как у людей.