POST запрос ajax

@bymaxxxx · Регистрация: 03.11.2019

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

Прошу вашей помощи. Только учусь может код корявый буду благодарен если подправите или укажете где.

После нажатия на кнопку скрыть блок он скрывается как и нужно , а вот как отправить POST запрос чтобы выполнить его после этого нажатия не могу понять.
Форма никакая отправляться не будет.

Нужно только как то скрыть блок и отправить информацию в базу после этого нажатия.

Спасибо!

Вот код:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<a href="javascript:onoff('div1');" class="add" onclick='send_form('add')'>Скрыть блок</a>
 
<script>
function onoff(t){
p=document.getElementById(t);
p.style.display="none";
}
</script>
 
<script>
function send_form(add) {
$.ajax({
type: 'POST',
url: '/js', // Обработчик собственно
data: msg
});
 
}
</script>
 
<?if(isset($_POST['msg'])):?>
ТУТ НУЖНО ВЫПОЛНИТЬ КОД ПОСЛЕ НАЖАТИЯ КНОПКИ
<?endif?>

@Mr_Sergo · 15.08.2020, 00:43

bymaxxxx, вот вам пример ajax отправки данных на сервер

index.php

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<title>Код</title>
</head>
<body>
 
<div id="div1">div1</div>
<a class="add" href="#">Скрыть блок</a>
 
<script src="script.js"></script>
</body>
</html>

script.js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function send_form(msg) {
    $.ajax({
        type: 'POST',
        url: 'handler.php',  // тут укажите куда отправлять
        data: {message : msg},
        success: data => {
            alert(data)  // тут сервер получает данные и отвечает клиенту
        }
    })
}
 
$('.add').on('click',e => {
    e.preventDefault()
    $('#div1').css('display', 'none')
    send_form('add')  // тут данные в виде строки `add` (та что в скобках) ушли на сервер, там ловите и делайте что вам нужно дальше
})

handler.php

PHP
1
2
3
4
5
<?
 
echo 'Привет от сервера: '.$_POST[message];
 
?>

а вот все вышеизложенное в действии http://some-test.onlinewebshop.net/fetch-ajax/1/

Новые блоги и статьи Все статьи Все блоги /
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .

Опции темы