Ajax на чистом js, fetch и jquery для отправки данных в json формате

Fetch

(async () => {

                            const rawResponse = await fetch('https://b24.your-site.ru/local/api/dealBatchChecker.php', {
                                method: 'POST',
                                headers: {
                                    'Accept': 'application/json',
                                    'Content-Type': 'application/json'
                                },
                                body: JSON.stringify({
                                        deal_id:deal_id,
                                        batch_date:batch_date,
                                        batch_number:batch_number,
                                    }
                                )
                            });

                            const res = await rawResponse.json();

                            console.log(res);

                            if(res.ids.length > 0) {

                                var reclamationsIds = res.ids;

                                function createLink(id) {
                                    var baseUrl = "https://b24.your-site.ru/crm/deal/details/";
                                    return '<a href="' + baseUrl + id + '/">' + id + '</a>';
                                }

                                var linksArray = reclamationsIds.map(createLink);

                                var resultString = 'ID рекламаций ' + linksArray.join(', ');

                                console.log(resultString);

                                var popup = new BX.CDialog({
                                    'title': 'По данной партии уже были рекламации!',
                                    'content': resultString,
                                    'draggable': true,
                                    'resizable': true,
                                    'buttons': [BX.CDialog.btnClose]
                                });

                                popup.Show();

                            }

                        })();

(async () => {

const rawResponse = await fetch('https://b24.your-site.ru/local/api/dealBatchChecker.php', {

method: 'POST',

headers: {

'Accept': 'application/json',

'Content-Type': 'application/json'

body: JSON.stringify({

deal_id:deal_id,

batch_date:batch_date,

batch_number:batch_number,

}

)

});

const res = await rawResponse.json();

console.log(res);

if(res.ids.length > 0) {

var reclamationsIds = res.ids;

function createLink(id) {

var baseUrl = "https://b24.your-site.ru/crm/deal/details/";

return '<a href="' + baseUrl + id + '/">' + id + '</a>';

}

var linksArray = reclamationsIds.map(createLink);

var resultString = 'ID рекламаций ' + linksArray.join(', ');

console.log(resultString);

var popup = new BX.CDialog({

'title': 'По данной партии уже были рекламации!',

'content': resultString,

'draggable': true,

'resizable': true,

'buttons': [BX.CDialog.btnClose]

});

popup.Show();

}

})();

Ajax

 // Создаем новый экземпляр XMLHttpRequest для выполнения AJAX-запроса
                        var xhr = new XMLHttpRequest();

// Устанавливаем URL и метод запроса
                        var url = 'https://b24.your-site.ru/local/api/dealBatchChecker.php';
                        var method = 'POST';

// Формируем объект с данными для отправки
                        var dataToSend = {
                            deal_id: deal_id,
                            batch_date: batch_date,
                            batch_number: batch_number
                        };

// Преобразуем объект в JSON
                        var jsonData = JSON.stringify(dataToSend);

// Устанавливаем заголовки запроса
                        xhr.open(method, url, true);
                        xhr.setRequestHeader('Accept', 'application/json');
                        xhr.setRequestHeader('Content-Type', 'application/json');

// Обработчик ответа от сервера
                        xhr.onreadystatechange = function() {
                            if (xhr.readyState === XMLHttpRequest.DONE) {
                                if (xhr.status === 200) {
                                    var res = JSON.parse(xhr.responseText);
                                    console.log(res);

                                    if (res.ids.length > 0) {
                                        var reclamationsIds = res.ids;

                                        function createLink(id) {
                                            var baseUrl = "https://b24.your-site.ru/crm/deal/details/";
                                            return '<a href="' + baseUrl + id + '/">' + id + '</a>';
                                        }

                                        var linksArray = reclamationsIds.map(createLink);

                                        var resultString = 'ID рекламаций ' + linksArray.join(', ');

                                        console.log(resultString);

                                        var popup = new BX.CDialog({
                                            'title': 'По данной партии уже были рекламации!',
                                            'content': resultString,
                                            'draggable': true,
                                            'resizable': true,
                                            'buttons': [BX.CDialog.btnClose]
                                        });

                                        popup.Show();
                                    }
                                } else {
                                    console.error('Ошибка при выполнении запроса:', xhr.status);
                                }
                            }
                        };

// Отправляем JSON данные на сервер
                        xhr.send(jsonData);

// Создаем новый экземпляр XMLHttpRequest для выполнения AJAX-запроса

var xhr = new XMLHttpRequest();

// Устанавливаем URL и метод запроса

var url = 'https://b24.your-site.ru/local/api/dealBatchChecker.php';

var method = 'POST';

// Формируем объект с данными для отправки

var dataToSend = {

deal_id: deal_id,

batch_date: batch_date,

batch_number: batch_number

};

// Преобразуем объект в JSON

var jsonData = JSON.stringify(dataToSend);

// Устанавливаем заголовки запроса

xhr.open(method, url, true);

xhr.setRequestHeader('Accept', 'application/json');

xhr.setRequestHeader('Content-Type', 'application/json');

// Обработчик ответа от сервера

xhr.onreadystatechange = function() {

if (xhr.readyState === XMLHttpRequest.DONE) {

if (xhr.status === 200) {

var res = JSON.parse(xhr.responseText);

console.log(res);

if (res.ids.length > 0) {

var reclamationsIds = res.ids;

function createLink(id) {

var baseUrl = "https://b24.your-site.ru/crm/deal/details/";

return '<a href="' + baseUrl + id + '/">' + id + '</a>';

}

var linksArray = reclamationsIds.map(createLink);

var resultString = 'ID рекламаций ' + linksArray.join(', ');

console.log(resultString);

var popup = new BX.CDialog({

'title': 'По данной партии уже были рекламации!',

'content': resultString,

'draggable': true,

'resizable': true,

'buttons': [BX.CDialog.btnClose]

});

popup.Show();

}

} else {

console.error('Ошибка при выполнении запроса:', xhr.status);

}

};

// Отправляем JSON данные на сервер

xhr.send(jsonData);

Jquery

    var $form = $(form);
                var data = $form.serialize();

                $form.addClass('load');

                $.ajax({
                    url: 'https://b24.your-site.ru/local/webhooks/hb_calendar_add.php',
                    type: 'POST',
                    data: data,
                    dataType: 'html',
                    success: function (res) {
                        console.log(res);

                        const userId = "<?=$userId?>";

                        try {
                            $form.removeClass('load');
                        } catch(e){
                        	console.log(e);
                        }


                        Swal.fire({
                            icon: 'success',
                            title: 'Форма была успешно отправлена!',
                            showConfirmButton: true,
                            willClose: () => {
                                  window.location.href = `/company/personal/user/${userId}/calendar/`;
                            }
                        });

                    },
                    error: function (res) { // <-- Добавить запятую после блока "error"
                        console.log(res);
                    }
                });

var $form = $(form);

var data = $form.serialize();

$form.addClass('load');

$.ajax({

url: 'https://b24.your-site.ru/local/webhooks/hb_calendar_add.php',

type: 'POST',

data: data,

dataType: 'html',

success: function (res) {

console.log(res);

const userId = "<?=$userId?>";

try {

$form.removeClass('load');

} catch(e){

console.log(e);

}

Swal.fire({

icon: 'success',

title: 'Форма была успешно отправлена!',

showConfirmButton: true,

willClose: () => {

window.location.href = `/company/personal/user/${userId}/calendar/`;

}

});

error: function (res) { // <-- Добавить запятую после блока "error"

console.log(res);

}

});

Обработчик на PHP для jquery

$name = $_POST['name'];
$user_id = $_POST['user_id'];
 
$data = [
	"name" =&gt; $name,
	"user_id" =&gt; $user_id,
];

echo json_encode($data);

$name = $_POST['name'];

$user_id = $_POST['user_id'];

$data = [

"name" => $name,

"user_id" => $user_id,

];

echo json_encode($data);

Обработчик на PHP для JS и Fetch для приема json из приведенных выше примеров

$payload = json_decode(@\file_get_contents('php://input'), true);

//file_put_contents($_SERVER['DOCUMENT_ROOT'].'/log-test12.txt', print_r($payload, true), FILE_APPEND);


if (isset($payload['deal_id'])) {
	$deal_id = $payload['deal_id'];
}


echo json_encode($deal_id);

$payload = json_decode(@\file_get_contents('php://input'), true);

//file_put_contents($_SERVER['DOCUMENT_ROOT'].'/log-test12.txt', print_r($payload, true), FILE_APPEND);

if (isset($payload['deal_id'])) {

$deal_id = $payload['deal_id'];

}

echo json_encode($deal_id);

Случайные статьи

js

Ajax на чистом js, fetch и jquery для отправки данных в json формате

Fetch

Ajax

Jquery

Обработчик на PHP для jquery

Обработчик на PHP для JS и Fetch для приема json из приведенных выше примеров

Вам также может понравиться...

Добавить комментарий Отменить ответ

js

Fetch

Ajax

Jquery

Обработчик на PHP для jquery

Обработчик на PHP для JS и Fetch для приема json из приведенных выше примеров

Вам также может понравиться...

Новинки в css

hot key php storm

Вёрстка с использованием сборки scss и pug

Добавить комментарий Отменить ответ