Как динамически отправлять ajax-запрос?

Question

[Ofelion]

Приветствую!
Надо, считать переменную на счётчике, передать её ajax в обработчик и вывести результат. Переменная в счётчике может меняться, в зависимости от того, что будет нажато - (+ или -). Вот мой код, который не отправляет данные на сервер:

jQuery(document).ready(function() {
        jQuery('.next').add('.prev').on('click', function () {
            var adultNumber = parseInt(jQuery("[name = 'adult_number']").attr("value"));
            jQuery.ajax({
                type: "GET",
                url: '<?php echo "https://".../ajax.php';?>', // путь до файла
                data: {value: adultNumber},
                success: function (data) {
                    jQuery(".price").html(data);
                }
            });
        });
    });

И вот сам обработчик:

$value = $_GET['value'];
echo $value;

Comments

[Artur Lastname]

код как то криво скопирован, или что это за слеши после url? (url: '<?php echo "https://".../ajax.php';?>', // )

ну и не плохо было бы увидеть, что за ошибку вам возращает ваша отправка.

[Ofelion]

Artur Lastname, это я путь до файла убрал, хотел коммент написать, поставил слэши, а сам коммент забыл..путь прописан правильно, без on click работает, но там значение счётчика всегда 1

[ThunderCat]

Artur Lastname, это за чем то вставленный через пхп урл, слеши - комментарий.

[Artur Lastname]

ThunderCat о как.)

Ofelion, а если не сложно, можете объяснить зачем урл оформлен через пхп? И почему именно GET, а не POST?
В общем нужен код ошибки, на что именно ругается отправка(в network'е должна быть если что).

[ThunderCat]

Вот мой код, который не отправляет данные на сервер:

что в консоли из ошибок?
Что происходит в network?
Видны ли там запросы?
Что отвечает сервер?

[Ofelion]

ThunderCat, да! Но тут дело не в URLe, без on click он работает, но не так, как надо, не парсит изменение счётчика

[Ofelion]

ThunderCat, Artur Lastname, в консоли ошибок нет. В Network тоже статус 200. Но я поставил себе в обработчике маячок: echo 'test';
Не выдаёт этот маячок. Да и если весь обработчик закомментить - будет чисто jQuery срабатывать. URL написал на php, чтобы при переносе сайта на другой домен прописывать путь снова не пришлось

[ThunderCat]

Ofelion,

В Network тоже статус 200.

там если клкнуть по запросу есть расшифровка обмена, посмотрите что вернул сервер, и что отослалось в качестве параметров.

[alex-1917]

если у вас в обработчике ГЕТ, то нахрена аджакс? отправляйте форму как есть

[Антон]

Ofelion,

URL написал на php, чтобы при переносе сайта на другой домен прописывать путь снова не пришлось

про относительные пути слышали?

[Ofelion]

ThunderCat, вот что в расшифровке:

Request URL: https://mysite.com/wp-content/themes/mytheme2.5/st...
Request Method: GET
Status Code: 200 OK (from disk cache)
Remote Address: 77.222.61.133:443
Referrer Policy: no-referrer-when-downgrade
HTTP/1.1 200 OK
Server: nginx/1.15.8
Date: Mon, 19 Aug 2019 11:40:04 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 1
X-Powered-By: PHP/7.3.1
Last-Modified: Mon, 19 Aug 2019 08:31:41 GMT
Expires: Mon, 19 Aug 2019 23:40:04 GMT
Vary: Accept-Encoding
Provisional headers are shown
Accept: */*
Referer: https://mysite.com/excursions/%d0%b2%d0%b5%d1%87%d...
Sec-Fetch-Mode: cors
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36
X-Requested-With: XMLHttpRequest
value: 5

[Ofelion]

alex-1917, мне не форму отправить надо, а сделать так, чтобы при изменении счётчика - менялась цена.

[ThunderCat]

Ofelion, ответ где? на сервер все передается. value: 5

[Ofelion]

ThunderCat, туда передаётся, а оттуда уже нет, судя по всему

[ThunderCat]

Ofelion, что значит нет? Рядом вкладка респонс. там что, пусто?

[Ofelion]

ThunderCat, там тоже 5. Я имею ввиду, что в обработчике я ещё написал echo 'test', но на страницу выводится только 5, а test не выводится

[ThunderCat]

Ofelion, логично предположить что что-то не так в обработчике, по тому как представленный в вопросе код работает как надо.

[Михаил Братеньков]

Ofelion,

Вот мой код, который не отправляет данные на сервер:

Я имею ввиду, что в обработчике я ещё написал echo 'test', но на страницу выводится только 5, а test не выводится

...

А с чего вы решили что ваш код не отправляет данные на сервера?

Показывайте код обработчика с echo 'test';

[Ofelion]

ThunderCat, а в какую сторону копать тогда? Почему value выводится, а простая запись текстовая в том же обработчике - нет?

[ThunderCat]

Ofelion, не могу сказать не видя вашего кода целиком, думаю если вы замените echo $value; на echo 'test'; у вас будет выводиться текст.

[Ofelion]

Михаил Братеньков, ThunderCat, вот так:

$value = $_GET['value'];
echo "Значение = $value";

Выводится только значение, без текста

[ThunderCat]

Ofelion, что то не ладно в датском королевстве, вы точно тот обработчик вызываете? Есть подозрение что у вас там больше одного файла(или вы мучаете серверный файл но он у вас не меняется). Короче - проверьте что внутри файла который вы вызываете(например первой строчкой echo 666; exit;)

[Ofelion]

Решил проблему довольно банально - вместо GET написал POST - всё заработало, как надо. Отсюда вопрос - почему?

[Ofelion]

ThunderCat, ладно, этот вопрос решился, но почему сервер падает при попытке передать полученный аргумент в функцию wordpress:

$value = $_POST['value'];
$post_id = $_POST['post_id'];
print_r(get_post_meta($post_id));

[ThunderCat]

Ofelion,

Решил проблему довольно банально - вместо GET написал POST - всё заработало, как надо. Отсюда вопрос - почему?

это же вордпресс, там может быть что угодно, начиная от какой-то функции в "роутинге" и заканчивая левым хуком выше по коду.

но почему сервер падает

падает на пол? Зависает? Выдает ошибку? Пишите нормально что происходит, учитесь формализовать проблему, во многих случаях это уже помогает определить проблемный код и решить задачу(в первую очередь для вас же).

[Ofelion]

ThunderCat, выдаётся ошибка 500, сервер ничего не возвращает, хотя данные отправляются на него.

[Ofelion]

ThunderCat, вот полный текст:

Request URL: https://mysite.com/wp-content/themes/mytheme/st_te...
Request Method: POST
Status Code: 500 Internal Server Error
Remote Address: 77.222.61.133:443
Referrer Policy: no-referrer-when-downgrade
Connection: keep-alive
Content-Length: 0
Content-Type: text/html; charset=utf-8
Date: Mon, 19 Aug 2019 15:12:08 GMT
Expires: Tue, 20 Aug 2019 03:12:08 GMT
Keep-Alive: timeout=10
Last-Modified: Mon, 19 Aug 2019 15:09:13 GMT
Server: nginx/1.15.8
Vary: Accept-Encoding
X-Powered-By: PHP/7.3.1
Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: ru-RU,ru;q=0.9
Connection: keep-alive
Content-Length: 20
Content-Type: application/x-www-form-urlencoded; charset=UTF-8
Cookie: __stripe_mid=97ff2f68-9458-4b06-ad0f-117ee5532a0b; _ym_uid=1556606396464521624; _ym_d=1556606396; _ga=GA1.2.1160544915.1556606396; gadwp_wg_default_metric=sessions; gadwp_wg_default_dimension=30daysAgo; gadwp_wg_default_swmetric=sessions; PHPSESSID=ce256fcdadb11c03d72613265edbca77; quform_session_73232fe1bf9a97457e0ee45145e7ec0f=zRKJ41bHItsrFffqQa1N4p7QtC76nCNkMifIblWp; tk_ai=woo%3AY09pgqILJPDeZYjE9qYBmNWe; apbct_site_landing_ts=1557729947; wordpress_test_cookie=WP+Cookie+check; wp-settings-1=libraryContent%3Dbrowse%26edit_element_vcUIPanelWidth%3D1159%26edit_element_vcUIPanelLeft%3D525px%26edit_element_vcUIPanelTop%3D110px%26editor%3Dtinymce%26post_settings_vcUIPanelWidth%3D650%26post_settings_vcUIPanelLeft%3D185px%26post_settings_vcUIPanelTop%3D60px%26hidetb%3D1%26post_dfw%3Doff%26posts_list_mode%3Dexcerpt%26advImgDetails%3Dshow%26mfold%3Do%26editor_plain_text_paste_warning%3D2%26panel_vcUIPanelWidth%3D650%26panel_vcUIPanelLeft%3D1094px%26panel_vcUIPanelTop%3D70px%26editor_expand%3Don%26imgsize%3Dfull%26uploader%3D1; wp-settings-time-1=1564759046; wordpress_logged_in_73232fe1bf9a97457e0ee45145e7ec0f=Tourist+Pro%7C1566547439%7CqqZ1qSpt3oVcbqHzeXOQeBbCNqXQSxEJKbjNdf0MORy%7C2a18c121b19cfad48b7246580c3f6b91bf4798b45a3ebc646ef58504a4472d58; ct_sfw_pass_key=e79e45e893d1231899740046e7381f5f; st_cart=eNp1U9tOxCAQ%2FRXjDwjdbrdlf8Ann3w0IdiiO7GFCkN0Y%2FbfHSC97eobnDlnmMtBCS5%2BQPCy3B%2BOSpTix4tKvNybMLxq93J%2FpNjRiz1Bo4NWE9JFNmElYZ1CRZASRR2VNUHtSbcfEgzBXnBGCKsfePNQMN4krJlJNuCGVRQLi%2B9WuSTCoBMcC%2BF7sWOZVK5z%2Fcuqr1N5VMOYm9tXVVHUFWOR2Nyk2zLL%2BlAvzN62CsEaCZ0cgURhTO%2FFbtKhYFesztlR2re3Le0Qh7vS84KAZ3u2qO4eoQ%2FfCY1NbPR%2F02Jh1oG83laaMaAeVpGyngJe9fpG0sw%2B6NQ5zWAX%2BbMXpP4MMA7aYAqyaSHRFJvYU4wcZllHUwWThrIIq0n4ZzTW2NphAO8zTjWyySUd%2BNYGg9IpzPWzaV5A%2BzOpqezjVF%2Bu4gvwJFF9rxpO%2B%2FIoX639APMuR0sXPI96XhPdW%2BX84tAVG7rFe%2FE7LaKTckTYLj1XHlz2RjCQv0JC07SJwumCtN7%2BZjUxbfDa5Udjb5f8MgL2%2Bl97XC6%2FlGJA0w%3D%3D; wpml_browser_redirect_test=0; apbct_visible_fields=0; apbct_visible_fields_count=0; apbct_prev_referer=https%3A%2F%2Ftouristpro.com%2Factivity%2F%3Fstyle%3D1%26orderby%3Dprice_asc; _icl_current_language=ru; ct_checkjs=816399356; _icl_visitor_lang_js=ru; _ym_isad=1; __stripe_sid=95c539d1-2a55-456a-a51c-7cbb21cc7d47; _ym_visorc_51633644=w; _icl_current_admin_language_d41d8cd98f00b204e9800998ecf8427e=ru; ct_ps_timestamp=1566227251; apbct_timestamp=1566227266; apbct_page_hits=11824; apbct_cookies_test=%257B%2522cookies_names%2522%253A%255B%2522apbct_timestamp%2522%252C%2522apbct_site_landing_ts%2522%252C%2522apbct_page_hits%2522%255D%252C%2522check_value%2522%253A%25223441409b46a5320c22b843f9ed24b5b2%2522%257D; ct_timezone=3; ct_fkp_timestamp=1566227255; ct_pointer_data=%5B%5B209%2C1507%2C3243%5D%2C%5B204%2C1506%2C3324%5D%2C%5B204%2C1505%2C3340%5D%2C%5B198%2C1505%2C3586%5D%2C%5B198%2C1506%2C3606%5D%2C%5B198%2C1506%2C6402%5D%2C%5B245%2C1451%2C6454%5D%2C%5B424%2C673%2C103463%5D%2C%5B389%2C666%2C103518%5D%2C%5B389%2C665%2C103792%5D%2C%5B387%2C660%2C103806%5D%2C%5B169%2C489%2C103956%5D%2C%5B143%2C489%2C104191%5D%2C%5B125%2C507%2C104256%5D%2C%5B28%2C553%2C104408%5D%2C%5B15%2C566%2C104556%5D%2C%5B0%2C657%2C260912%5D%2C%5B56%2C657%2C261006%5D%2C%5B419%2C732%2C261404%5D%2C%5B231%2C1018%2C261460%5D%5D
Host: mysite.com
Origin: https://mysite.com
Referer: https://mysite.com/excursions/%d0%b2%d0%b5%d1%87%d...
Sec-Fetch-Mode: cors
Sec-Fetch-Site: same-origin
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36
X-Requested-With: XMLHttpRequest
value: 4
post_id: 7776

[ThunderCat]

Ofelion,

выдаётся ошибка 500

(ну да, классика) Сервер не падает, а в коде возникает фатал еррор, но так как вывод ошибок выключен, сервер отдает "общую ошибку", что за ошибка - смотрите в логах сервера, или включите вывод ошибок: в индексе пропишите в начале

ini_set('error_reporting', E_ALL);
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);

[Ofelion]

ThunderCat, вот что в логах указано:

PHP Fatal error: require(): Failed opening required 'mysite.com/wp-content/themes/mytheme/st_templates/layouts/modern/activity/ajax.php' (include_path='.:/usr/share/php7:/usr/share/php') in /home/t/domenName/public_html/wp-content/themes/mytheme/st_templates/layouts/modern/activity/single/single-3.php on line 719

[Ofelion]

ThunderCat, что-то с путями тут не то..

[ThunderCat]

Ofelion, что у вас там во что инклудится уже сами, я в вордпрессе честно говоря колупаться никакого желания не имею, слишкам архитектура у него... специфично пахнущая...

[Ofelion]

ThunderCat, значит, всё-таки это wordpress, получается... Спасибо за помощь! Теперь знаю куда копать.

[Ofelion]

Разобрался! WP - штука весьма специфическая. Вот тут инструкция что и как делать в WP.

Answer 1

[Евгений Чурманов]

Если jQuery("[name = 'adult_number']") это инпут, то введенного в него значение получается так:
jQuery("[name = 'adult_number']").val()

В остальном код рабочий.