Ajax запити за допомогою методів $ .post () і $ .get ().

Відео: php web: запити методами GET і POST, урок 2!

У минулій статті ми розглянули, як відправляти асинхронні запити на JQuery за допомогою методу $ .Ajax (), а в цій я покажу ще два способи.

Як приклад візьмемо все той же server.php, який буде складати 2 числа і повертати нам їх суму.

$ a = $ _POST[`A`] - 
$ b = $ _POST[`B`] - 
echo $ a+$ b-

HTML розмітка у нас те саме буде така ж.

 
 
JQuery AJAX 
charset="Utf-8"gt; 
 
 
 
 
type="Text"id="A"gt; 
type="Text"id="B"gt; 
id="Submit"gt;Відправити! 
id="Block"gt;

Тепер напишемо наш скрипт

$(document).ready(function() { 
 $("#submit").click(function() { 
var fnumb = $("#a").val() - 
var snumb = $("#b").val() - 
 $.post(`Server.php`,{a:fnumb,b:snumb},function(data) { 
$("#block").text(data) - 
}) - 
}) - 
}) -

Як можна бачити, код став трохи коротше, ніж був у минулій статті, тому що $ .post () це ні що інше, як скорочена форма методу $ .Ajax () із запитом типу POST.

Відео: jQuery get () post () + PHP

Першим параметрів ми передаємо рядок, що містить назву нашого сервера, другим параметром ми передаємо об`єкт, де вказуємо назву змінної, яку відправляємо і її значення через двокрапку, третім параметром йде анонімна функція, приймаюча дані від сервера. У тілі функції ми, як і в минулій статті, вставили отриманий результат в div з id = block.

Якщо ви хочете відправити запит типу GET, то просто змініть назву методу з $ .post () на $ .get (), а параметри у нього ідентичні.

$(document).ready(function() { 
 $("#submit").click(function() { 
var fnumb = $("#a").val() - 
var snumb = $("#b").val() - 
 $.get(`Server.php`,{a:fnumb,b:snumb},function(data) { 
$("#block").text(data) - 
}) - 
}) - 
}) -