Как подгружать страницы Ajax'ом?

Question

[Иван Петров]

Здравствуйте. Как можно реализовать открытие новых страниц без перезагрузки страниц. Например, как на сайте makimaki.ru при выборе категорий меню? Спасибо

Answer 1

[Антон]

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

Можете как они, каждому пункту меню в data-category, например, присвоить ID данной категории и передавать ее в качестве параметра. А там отсортировать массив или запрос к бд по всем товарам, у которых сооветствующий параметру id родителя

Answer 2

[Антон Антон]

https://jsfiddle.net/zec1dzsq/4/

Comments

[Иван Петров]

Совсем не то

[Антон]

Что это за жесть?

[Антон Антон]

Рамазан Рамазанов: а вопрос в чем? как по аяксу отправить данные? как полученные данные вставить в нужное место страницы? как поменять адрес в адресной строке (это из другого комментария к этому вопросу)? все это гуглится за 5 минут.

[Антон Антон]

Антон: прошу пояснить, же там такого "жестяного"?

[darksladen]

Антон Антон Там все жесть! Вы наверное на заводе работаете, раз пишите такой код

[Антон Антон]

darksladen: какой "такой"? код демонстрирует два способа вывести данные, полученные через ajax, в определенное место на странице, один с помощью jquery, другой - с помощью ванильной функции fetch. Используя средства, предоставляемые jsfiddle.

Всё-таки прошу пояснить, чем этот код заслуживает определение "всё жесть". Вот по пунктам. Сомнительным может быть только источник HTML, да и то, так сделано для того, чтобы работала синтаксическая подсветка. display:none я добавил после того, как его сделал то, что можно назвать "источник данных".

[Антон Антон]

darksladen: В итоге, вроде, выяснили, что автору нужен как раз вывод данных, полученных через ajax и pushState из history api.

[darksladen]

Антон Антон Сложно объяснить человеку почему его код ужасный говнокод, если тот нормального кода не видел.. Ваш код ужасен хотя бы потому, что я не понимаю что он делает, несмотря на то, что в нем жалкие 16 строчек. Код должен быть самодокументриуемый. А вы написали что то и кроме вас это никто не разберет, да и вы через месяц забудете что к чему. Я не говорю уже про логику, самый простой довод что этот код мягко говоря далек от идеала это то, что вы даже отступы не проставили там, где это необходимо, тем самым слив логику в одну кучу.. Почитайте Флэнагана. Вам полезно будет. Там уже на странице 20 приводится пример сложной программы на js, которая занимает строчек 150, но даже ее понять проще чем ваш набросок.

[Антон Антон]

darksladen: понятно. критиковать - не мешки ворочать.

[Антон Антон]

Кроме второго параметра fetch, который можно вынести в переменную, есть еще что-то?