Как реализовать AJAX в кастомном шаблоне


#1

Здравствуйте, подскажите пожалуйста как реализовать AJAX перезагрузку страницы. Что я сделал?
Создал статическую страницу, в основном layout-е задал ID="TEST"

Далее создал ссылку на эту страницу: <a href="/page/" class="cm-ajax" data-ca-target-id="TEST">AJAX Open Page</a> но контент не обновляется, подскажите что делать?


#3

id блока в конце прописали?

<div id="TEST">
 content 
<!--TEST--></div>

#4

Нет, для парента задал, нужно в конце добавить?


#5

для того что бы блок перезагрузился нужно строго в конец тега(без лишних пробелов) добавить атрибут id, а перед закрывающим тегом добавить комментарий с id тоже без пробелов и переноса строки


#6

Можете пожалуйста показать пример? Спасибо!


#7

Сделал вот так, содержимое views/pages/view.tpl <div id="test">content<!--test--></div>
Ссылку сделал вот так: Ajax Test

Но ничего не происходит, я так полагаю я еще динамический DIV забыл сделать? но вопрос, куда и как его вставить?


#8

не надо в одну строку, скопируйте точь в точь, и без пробела в начале третьей строки


#9

Сделал точь в точь, всё равно не перезагружается страница


#10

Кэш шаблонов чистили после правки шаблона?


#11

Да кэш чистил


#12

скиньте кодом, ссылка должна быть такая как вы скидывали , в той что сейчас нет class=“cm-ajax” data-ca-target-id=“test”

 <a href="/page/" class="cm-ajax" data-ca-target-id="test">AJAX Open Page</a>

ссылка ведет на тужу страницу где блок?


#13

Да, на этой странице div id=“TEST” блок


#14

можно и в одну главное что бы тут id=“TEST”> и тут <!–TEST–>< не было пробелов и переносов


#15

Откройте Network в инструментах веб-разработчика и посмотрите детали аяксового запроса.
Есть ли указанный id в result_ids, правильный ли адрес, есть ли в возвращаемых данных в html элемент с ключом id?
Чего гадать?)


#16

JSON возвращается корректно: https://c2n.me/4aYr0sg


#17

дальше /js/tygh/ajax.js смотрите колбек аякса.


#18

также обратите внимание на регистр айди. У Вас в верхнем, а пришло в нижнем