JQuery - прогрессивное улучшение и AJAX

Question

Итак, сейчас у меня есть несколько форм, где, когда одна отправляется, она получает другую в модальном режиме.Так что прямо сейчас у меня может быть ссылка на example.com/modal/1, которая открывает первый модал.Тем не менее, если javascript не включен (поэтому браузер фактически следует по ссылке), то отображается html-код (html, который должен был быть получен).Я хотел бы иметь возможность стилизовать это, так что я предполагаю, что я должен сделать целую html-страницу с таблицами стилей и всем, но вот что мне интересно:

С jquery load(), я знаюВы можете выбрать идентификатор элемента, например '#form', который будет анализировать, что запрос возвращается, и просто использовать элемент #form.Я хотел бы иметь возможность использовать что-то подобное, но я использую функциональность post().

Идеи о том, как это сделать?

Answer 1

Если вы передадите объект (пары ключ / значение) в качестве второго (data) параметра в $.load, он выполнит запрос POST.Из руководства :

Метод POST используется, если данные предоставляются как объект;в противном случае, GET предполагается.

Answer 2

У меня был похожий вопрос о том, что вы пытаетесь сделать.Мое решение состояло в том, чтобы использовать .load, но это не самое элегантное, потому что jQuery должен анализировать контент, который вы не хотите вставлять в DOM.

Мое решение - использовать либо $ .ajax, либо$ .post и установите переменную в ajax = true, а на стороне сервера оберните верхний и нижний колонтитулы в php, если ajax = '' (undefined), затем выведите верхний и нижний колонтитулы, в противном случае если ajax = true, PHPне отправляйте верхний и нижний колонтитулы, и вы сэкономите пропускную способность, только отправляя нужные вам элементы DOM на клиенте.

Дайте мне знать, может ли это работать с вашим приложением, если нет, я найду способ использовать $ .post и проанализировать ответ.