JQuery AJAX Различия между GET и POST

Довольно много людей задавали мне вопрос «в чем разница между GET и POST, когда я указываю запрос AJAX?». Это ключевые различия между GET и POST, когда вы задаете запрос AJAX с помощью jQuery .

Похожие сообщения:

• Пример функции jQuery Ajax
• Как анализировать HTTP-запросы с помощью Net Panel, HTTP Fox & Fiddler2

ПОЛУЧИТЬ ПРОТИВ ПОЧТЫ

• Запрос GET используется для получения данных с сервера.
• POST-запрос используется для изменения данных на сервере.

Когда использовать GET

Характеристики GET:

• Используйте GET для безопасных действий и POST для небезопасных действий.
• GET-запросы могут быть кэшированы
• GET-запросы могут остаться в истории браузера
• GET запросы могут быть добавлены в закладки
• GET-запросы могут быть распределены и распространены
• GET-запросы могут быть взломаны

W3.org GET Определение метода

Когда использовать POST

Если служба, связанная с обработкой формы, имеет побочные эффекты (например, изменение базы данных или подписка на службу), метод должен быть POST.

• Используйте POST при работе с длинными запросами — если вы отправляете большие объемы данных или конфиденциальные данные по HTTPS, вам нужно использовать POST. Некоторые браузеры, такие как Internet Explorer, накладывают ограничение на строку URL, поэтому это может нарушить действие некоторых форм, если вы используете GET.

Вы можете рассмотреть возможность использования POST для следующих действий:

• Публикация сообщения на доске объявлений, в группе новостей, списке рассылки или аналогичной группе статей.
• Предоставление блока данных, такого как результат отправки формы, процессу обработки данных
• Расширение базы данных с помощью операции добавления
• Аннотация существующих ресурсов

W3.org Определение метода POST

GET vs POST в AJAX звонках

Если вы не отправляете конфиденциальные данные на сервер или не вызываете скрипты, которые обрабатывают данные на сервере, чаще используется GET для вызовов AJAX. Это связано с тем, что при использовании XMLHttpRequest браузеры реализуют POST как двухэтапный процесс (сначала отправляя заголовки, а затем данные). Это означает, что запросы GET более отзывчивы — то, что вам нужно в средах AJAX! Поскольку запросы «Ajax» подчиняются той же политике происхождения, риски использования безопасности при использовании GET вместо POST ограничены. Используйте GET для «получения» информации с сервера, например, загрузку файла JavaScript (для этого можно использовать сокращенную функцию AJAX $ .getScript ()) или загрузку файла JSON (сокращенную функцию AJAX $ .getJSON () можно использовать для сделай это).

JQuery AJAX Функции, которые по умолчанию используют GET: $ .get (), $ .getScript () , $ .getJSON () , .load ()

JQuery AJAX Функции, которые по умолчанию используют POST: $ .post ()

Пример GET AJAX Call — вызов PHP-скрипта для получения количества подписчиков в твиттере.

$.ajax({
  url: 'getTwitterFollowers.php',
  type: 'GET',
  data: 'twitterUsername=jquery4u',
  success: function(data) {
	//called when successful
	$('#ajaxphp-results').html(data);
  },
  error: function(e) {
	//called when there is an error
	//console.log(e.message);
  }
});

Посмотреть демо

Пример POST AJAX Call — Отправка формы авторизации.

 var $form = $("#myForm");
    var url = $form.attr("action") + "?" + $form.serialize();
    $("#" + id).html(url);

$.ajax({
	type: "POST",
	url: action,
	data: $form,
	success: function(response)
	{
		if(response == 'success')
			$("#myForm").slideUp('slow', function() {
				$("#msg").html("You have logged in successfully!");
			});
		else
			$("#msg").html("Invalid username and/or password.");
	}
});
  Вы успешно вошли в систему! 
  «);
			 });
		 еще
			 $ ( "# Сбщ"). HTML (» 
  Неверное имя пользователя и / или пароль. 
  «);
	 }
 }); 

 GET /login.php?username=user&password=12345 HTTP/1.1
Host: domain.com

 POST /login.php HTTP/1.1
Host: domain.com
username=user&password=12345