Не работает post jquery. Где я совершил ошибку?

Question

Шамиль Хайрулаев @ComPUCKter

Web-разработчик

Не работает post jquery. Где я совершил ошибку?

Начал осваивать технологию ajax, но наткнулся на проблему, которую не смог решить самостоятельно.
Итак 2 тега select, в одной нужно выбрать страну, в другой, исходя из выбранной страны, должны появляться города. Но когда я выбираю страну в городах ничего не появляется. В консоли никаких ошибок.

JQUERY:

$("select[name='country']").bind('change', function() {
         $.post(
            'check.php', {
               country: $("select[name='country']").val()
            },
            function(data) {
               data = JSON.parse(data);
               $("select[name='city']").empty();
               for (let id in data) {
                  $("select[name='city']").append($("<option value='" + id + "'> " + data[id] + " </option>"));
               }
            }
         )
      });

PHP:

<?php
if ($_POST["country"] == 1) {
   echo json_encode(
      array(
         "1" => "Вашингтон",
         "2" => "Сиетл"
      )
   );
} elseif ($_POST["country"] == 2) {
   echo json_encode(
      array(
         "3" => "Париж",
         "4" => "Марсель"
      )
   );
}

Вопрос задан более трёх лет назад
98 просмотров

5 комментариев

Подписаться 1 Простой 5 комментариев

Василий Банников @vabka

"Технология ajax" в 2021 звучит как шутка какая-то.
Использовать jquery для отправки запросов - тем более.
Используйте fetch и не мучайтесь с этим г мамонта

Написано более трёх лет назад
galaxy @galaxy

Полный код html покажи

Написано более трёх лет назад

traum13 @traum13

проверил у себя на локалке

PHP:

<?php
if ($_POST["country"] == 1) {
   echo json_encode(
      array(
         "1" => "Вашингтон",
         "2" => "Сиетл"
      )
   );
} elseif ($_POST["country"] == 2) {
   echo json_encode(
      array(
         "3" => "Париж",
         "4" => "Марсель"
      )
   );
}

тут все ок.

у тебя такой код html?

<select name='country'>
	<option value="1">США</option>
	<option value="2">Франция</option>
</select>
<select name='city'></select>
<script>
 jQuery(document).ready( function($){ 
$("select[name='country']").bind('change', function() {
         $.post(
            'check.php', {
               country: $("select[name='country']").val()
            },
            function(data) {
               data = JSON.parse(data);
			   
               $("select[name='city']").empty();
               for (let id in data) {
                  $("select[name='city']").append("<option value='" + id + "'> " + data[id] + " </option>");
               }
            }
         )
      });
});	  
</script>

ну и не забудь в хидер подключить jquery

<head>
		<meta charset="UTF-8" />
		<title>мой сайт</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	</head>

и у меня все работает

Написано более трёх лет назад

Шамиль Хайрулаев @ComPUCKter Автор вопроса

Василий Банников, То есть ajax уже не актуален?

Написано более трёх лет назад
Василий Банников @vabka

Шамиль Хайрулаев, тоесть ajax как идея - единственный приемлимый вариант для интерактивных приложений.
А вот jquery-ajax действительно не актуален

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

+1 ещё

Простой
Как с помощью js создать прямоугольное соединение двух и более элементов в SVG?
- 1 подписчик
- 2 часа назад
- 49 просмотров
0

ответов
PHP

Средний
Обнаружилась на сайте активная РНР сессия, как и где найти функцию session_write_close()?
- 1 подписчик
- 3 часа назад
- 20 просмотров
0

ответов
PHP

+1 ещё

Простой
Как написать правило в nginx чтобы адрес типа localhost:8099/home/index/alex попадал в GET['url'] параметр?
- 1 подписчик
- 8 часов назад
- 45 просмотров
1

ответ
JavaScript

Простой
Как можно соединить 2 массива в 1 без 2 forEach?
- 1 подписчик
- 8 часов назад
- 79 просмотров
1

ответ
PHP

Средний
Как сформировать список по вложенному массиву рекурсивной функцией?
- 1 подписчик
- 9 часов назад
- 84 просмотра
2

ответа
JavaScript

Простой
Как фильтровать массив в массиве методом filter?
- 1 подписчик
- 13 часов назад
- 74 просмотра
3

ответа
PHP

Средний
Как указать тип возвращаемого значения абстрактного метода, если он должен возвращать объект класса унаследованного от другой абастракции?
- 1 подписчик
- 14 часов назад
- 68 просмотров
1

ответ
PHP

Простой
Как узнать из-за чего прерывается фоновый процесс запущенный через exec?
- 1 подписчик
- 14 часов назад
- 74 просмотра
1

ответ
PHP

+1 ещё

Средний
Как спарсить этот текст с помощью simplehtmldom?
- 1 подписчик
- вчера
- 44 просмотра
0

ответов
JavaScript

Простой
Как посчитать количество пересечений с помощью метода filter?
- 1 подписчик
- вчера
- 156 просмотров
3

ответа
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Fronted-developer на проект

27 нояб. 2024, в 01:11

300000 руб./за проект

Дизайн трекера для учета задач и времени

27 нояб. 2024, в 01:05

250000 руб./за проект

Исправление в битрикс подключенной библиотеки и обновление метода

27 нояб. 2024, в 00:22

1500 руб./в час

"Технология ajax" в 2021 звучит как шутка какая-то.
Использовать jquery для отправки запросов - тем более.
Используйте fetch и не мучайтесь с этим г мамонта
проверил у себя на локалке

PHP:

<?php if ($_POST["country"] == 1) { echo json_encode( array( "1" => "Вашингтон", "2" => "Сиетл" ) ); } elseif ($_POST["country"] == 2) { echo json_encode( array( "3" => "Париж", "4" => "Марсель" ) ); }

тут все ок.

у тебя такой код html?

<select name='country'> <option value="1">США</option> <option value="2">Франция</option> </select> <select name='city'></select> <script> jQuery(document).ready( function($){ $("select[name='country']").bind('change', function() { $.post( 'check.php', { country: $("select[name='country']").val() }, function(data) { data = JSON.parse(data); $("select[name='city']").empty(); for (let id in data) { $("select[name='city']").append("<option value='" + id + "'> " + data[id] + " </option>"); } } ) }); }); </script>

ну и не забудь в хидер подключить jquery
<head> <meta charset="UTF-8" /> <title>мой сайт</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head>

и у меня все работает
Василий Банников, То есть ajax уже не актуален?
Шамиль Хайрулаев, тоесть ajax как идея - единственный приемлимый вариант для интерактивных приложений.
А вот jquery-ajax действительно не актуален

Не работает post jquery. Где я совершил ошибку?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт