Post запрос без перезагрузки

@alex-rudenkiy · Регистрация: 02.01.2013

Студворк — интернет-сервис помощи студентам

Люди помогите мне пожалуйста с тяжелым случаем

. Я уже перелазил весь интернет и находил много статей насчёт "post запрос без перезагрузки", но я не чего так и не понял

. Расскажите пожалуйста зачем нужен при Post запросе ещё javascript и как формировать запрос в Ajax?

Я был бы очень рад если бы вы привели пример с комментариями на отправку и получение данных, ну к примеру самую простятскую форму регистрации и простятскую форму где выскакивала бы надпись "hello world" :3

@Jodah · 26.03.2015, 11:03

Гугл "5 примеров использования jQuery для AJAX", там просто и подробно описано, с примерами.

AJAX нужен для получения данных от сервера без перезагрузки страницы. Например, тыкаете "В корзину", товар оказывается в корзине, но перезагрузки страницы не происходит. Удобно и кушает меньше ресурсов (не нужно полностью перезагружать страницу).

Простейший пример отправки AJAX запроса:

HTML5
1
<button id="button" onclick="getData();">Получить ответ от сервера</button>

JavaScript
1
2
3
4
5
6
7
8
function getData(){
    $.ajax({
      url: 'response.php', // куда посылаем запрос
      success: function(data){ // что делаем в случае успеха, в data лежит ответ от сервера
        alert(data); // выводим ответ
      }
    });
}

В PHP скрипте делаем обычный вывод:

PHP
1
2
3
<?
    echo 'Ответ';
?>

@alex-rudenkiy · 26.03.2015, 11:40 **[ТС]**

Так, ну я только что понял как состоит сам jQuery.post()

jQuery.post(url,[data],[callback],[dataType]):jqXHRv

url — url-адрес, по которому будет отправлен запрос.
data — данные, которые будут отправлены на сервер. Они должны быть представлены в форме объекта, в формате: {fName1:value1, fName2:value2, ...}.
callback(data, textStatus, jqXHR) — пользовательская функция, которая будет вызвана после ответа сервера.

data — данные, присланные с сервера.
textStatus — статус того, как был выполнен запрос.
jqXHR — объект jqXHR (в версиях до jquery-1.5, вместо него использовался XMLHttpRequest)

dataType — ожидаемый тип данных, которые пришлет сервер в ответ на запрос (подробности тут).

А как мне сформировать data в формате: {fName1:value1, fName2:value2, ...}?
И как получить в php скрипте textStatus, чтобы потом можно было сравнивать на наличие ошибок?
И куда потом вставлять $.post("/plusOne.php"), чтобы можно было его выполнять при помощи php, а не автоматом при загрузке страницы?

Добавлено через 7 минут
А как добавить параметр в $.ajax, чтобы потом можно было в php было сделать "if ($_POST['hello']='okey')"?

Добавлено через 25 минут
аууууу

@Jodah · 26.03.2015, 13:32

Сообщение от alex-rudenkiy

А как мне сформировать data в формате: {fName1:value1, fName2:value2, ...}?

Так и формировать:

JavaScript
1
data:{'option':'optionValue'}

Сообщение от alex-rudenkiy

И как получить в php скрипте textStatus

Честно, в JS пока на уровне любителя, не могу ответить.

Сообщение от alex-rudenkiy

И куда потом вставлять $.post("/plusOne.php"), чтобы можно было его выполнять при помощи php, а не автоматом при загрузке страницы?

В функцию, вызываемую в onclick, пример в моём первом сообщении.

Сообщение от alex-rudenkiy

А как добавить параметр в $.ajax, чтобы потом можно было в php было сделать "if ($_POST['hello']='okey')"?

Если написать так:

JavaScript
1
data:{'option':'optionValue'}

То эта переменная придёт в $_POST['option'].

@alex-rudenkiy · 26.03.2015, 15:09 **[ТС]**

А ещё вопрос на засыпку, как можно сделать к примеру надпись какую нибудь типа "загрузка, ждите"?

Добавлено через 10 минут
А, всё нашёл решение

Добавлено через 18 секунд
А вы не знаете как удалить button с id = "exemple", если в php option = "okey"?

@N3stY · 26.03.2015, 15:40

alex-rudenkiy,

Сообщение от alex-rudenkiy

удалить button с id = "exemple"

PHP

PHP
1
if($_POST['hello'] == 'okey') echo 'okey';

в ваш скрипт jQuery добавьте

после

data:{'option':'optionValue'}

JavaScript
1
2
3
4
success: function(html){
 if(html == 'okey') 
  $('#example').delete();               
}

@alex-rudenkiy · 26.03.2015, 22:51 **[ТС]**

Всё отлично работает

А почему когда я делаю чтобы script выполнялся автоматически при запуске сайта, запрос не отправляется, а вот к примеру alert срабатывает?

Не работает :

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script>
    $.ajax({
      url: 'hello.php?action=hello', // куда посылаем запрос
      type: "POST",
      data: {'log':'lol','pass':'111'},
      success: function(data){ // что делаем в случае успеха, в data лежит ответ от сервера
        alert(data); // выводим ответ
        if(data == 'okey'){
         alert("Hello =)");
        }else{
         alert("Неправильный логин или пароль =(");
        }
      }
    });
</script>

-----------------------------
Работает :

JavaScript
1
2
3
<script>
 alert("Hello =)");
</script>

Добавлено через 3 часа 15 минут
Ку

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

@alex-rudenkiy 5 / 5 / 0 Регистрация: 02.01.2013 Сообщений: 438

	Post запрос без перезагрузки 26.03.2015, 10:32. Показов 3220. Ответов 6 Метки нет (Все метки) Люди помогите мне пожалуйста с тяжелым случаем . Я уже перелазил весь интернет и находил много статей насчёт "post запрос без перезагрузки", но я не чего так и не понял . Расскажите пожалуйста зачем нужен при Post запросе ещё javascript и как формировать запрос в Ajax? Я был бы очень рад если бы вы привели пример с комментариями на отправку и получение данных, ну к примеру самую простятскую форму регистрации и простятскую форму где выскакивала бы надпись "hello world" :3 0

@alex-rudenkiy 5 / 5 / 0 Регистрация: 02.01.2013 Сообщений: 438
	26.03.2015, 11:40 [ТС]
	Так, ну я только что понял как состоит сам jQuery.post() jQuery.post(url,[data],[callback],[dataType]):jqXHRv url — url-адрес, по которому будет отправлен запрос. data — данные, которые будут отправлены на сервер. Они должны быть представлены в форме объекта, в формате: {fName1:value1, fName2:value2, ...}. callback(data, textStatus, jqXHR) — пользовательская функция, которая будет вызвана после ответа сервера. data — данные, присланные с сервера. textStatus — статус того, как был выполнен запрос. jqXHR — объект jqXHR (в версиях до jquery-1.5, вместо него использовался XMLHttpRequest) dataType — ожидаемый тип данных, которые пришлет сервер в ответ на запрос (подробности тут). А как мне сформировать data в формате: {fName1:value1, fName2:value2, ...}? И как получить в php скрипте textStatus, чтобы потом можно было сравнивать на наличие ошибок? И куда потом вставлять $.post("/plusOne.php"), чтобы можно было его выполнять при помощи php, а не автоматом при загрузке страницы? Добавлено через 7 минут А как добавить параметр в $.ajax, чтобы потом можно было в php было сделать "if ($_POST['hello']='okey')"? Добавлено через 25 минут аууууу 0

@alex-rudenkiy 5 / 5 / 0 Регистрация: 02.01.2013 Сообщений: 438
	26.03.2015, 15:09 [ТС]
	А ещё вопрос на засыпку, как можно сделать к примеру надпись какую нибудь типа "загрузка, ждите"? Добавлено через 10 минут А, всё нашёл решение Добавлено через 18 секунд А вы не знаете как удалить button с id = "exemple", если в php option = "okey"? 0