Не могу разобраться с Ajax, может напишет кто пару примеров?

Question

[Александр Керзаков]

Не могу разобраться как же работать с Ajax.
Не мог бы кто-либо мне написать пару примеров для их дальнейшего изучения?
Юзать Ajax планирую через фреймворк JQquery v2.2.4.
Пример №1
Скрипт запрашивает информацию и выводит её в div#results
Пример №2
Скрипт передаёт на сервер данные из формы: name="login", name="password", ответ выводит в тот же div#results

Answer 1

[Алексей]

1)

$('div#results').load('/loadresults.php?action=last');

2)

$.ajax({
    url: '/loadresults.php',
    type: 'POST',
    data: { name: $('input[name=login]').val(), password: $('input[name=password').val() },
    success: function(result) {
      $('div#results').html(result);
    }
});

Примерно так.

Comments

[highw]

Пароль по GET ? )

$.post('/login', { login: 'abc', password: '123'}, function(reply){ console.log(reply) } );

[Алексей]

highw: Согласен, не стоит пароль по GET.
Тут, в соседнем топике, файлы хотели по GET загружать.

[Rou1997]

highw: А какая, по большому счету, разница, если не HTTPS, конечно?

[Назар Мокринский]

Rou1997: Есть понятие семантики HTTP методов. К примеру, GET запросы не должны менять данные на сервере, любое количество GET запросов должно возвращать один и тот же результат (в англоязычной литературе называется idempotence). Так же согласно семантике GET запросы могут кэшировать прокси сервера.

Вкратце: НИКОГДА не используйте GET для отправки данных на сервер и выполнения каких-то действий. Только получение информации, ибо GET.

[Rou1997]

Назар Мокринский: Зато GET проще отправлять, публичное API должно поддерживать GET, кроме загрузки файлов.

[Назар Мокринский]

Rou1997: Проще чем что? С jQuery у вас одно слово отличается:

$.ajax({
  type: 'get',
  url: 'xyz'
})

$.ajax({
  type: 'post,
  url: 'xyz'
})

Проще не иметь никаких методов вообще, да и URL тоже, просто на корень сайта слать всё, пускай сам разбирается. И пофиг что ваш логин и пароль для аутентификации и данные вашей банковской карты закешируются на каком-то промежуточном сервере. Что тут такого, правда?

Ни одно уважающее себя публично API не должно поддерживать GET для передачи данных. Кроме случаев когда разработчикам насрать на себя, на разработчиков что будут его использовать и на конечных пользователей, конечно. А причины я достаточно ясно написал выше, можете в любой поисковой системе найти более подробное описание.

[Rou1997]

Назар Мокринский: А вот на C# далеко не одно слово, а на каком-то промежуточном сервере могут и POST-данные сохраниться, на уровне TCP/IP нет никакой разницы, спорить не собираюсь, оставайтесь при своем мнении.

[Назар Мокринский]

Rou1997: HTTP протокол более высокого уровня чем TCP/IP. Чтобы довести до абсурда вашу мысль - дерьмо тоже по сути состоит из электронов, которые вращаются вокруг ядер, как и в TCP/IP передается информация.
> А вот на C# далеко не одно слово
Тогда вам нужно либо библиотеку вменяемую использовать, либо написать вменяемую библиотеку, либо менять стек технологий, раз он на столько ужасен (в чём я на самом деле сомневаюсь).
(к стати, вопрос о jQuery, а не С#).
> а на каком-то промежуточном сервере могут и POST-данные сохраниться
Нет, нет, никогда! В том-то и суть, что ни в одной реализации прокси-сервера не храняться POST данные, ибо прокси-сервера реализуют стандарты, в которых написано что GET кэшировать можно, а POST нет.

[Алексей]

Rou1997: Разница POST и GET в том, что параметры GET попадают в access_log в открытом виде.

[Александр Керзаков]

Что-то у меня ничего не выводит :c В дебаге получаю ошибку - example.com/:8 Uncaught ReferenceError: $ is not defined, которая содержит строку: $.ajax({

[Алексей]

Александр Керзаков: Нужно подключить библиотеку jQuery.

[Rou1997]

Алексей: Ну и что, можно и без access_log все "украсть".

[Rou1997]

Назар Мокринский: Для "кражи" ничто не мешает собственный прокси-сервер написать, "вменяемыми" HTTP-библиотеками я на C# и пользоваться умею, и писать их, но было время, когда не умел, и у всех оно бывает, всё, забудьте.

[Александр Керзаков]

Алексей: дык подключил же.

[Александр Керзаков]

Алексей:

<script src="../library/js/jquery-2.2.4.min.js"></script>

[Алексей]

Александр Керзаков: "$ is not defined" может быть в случае если jquery незагружен или загружен после этого скрипта.
Открывайте "Инструменты разработчика" - "Сеть" смотрите грузится ли jquery и проверяйте чтобы ее загрузка была "выше" остальных скриптов.

[Александр Керзаков]

Алексей: спасибо, я нуб и подключил в конец документа...