Добрый день форумчане,
Создал две файлы: index.php (клиентская сторона) и server.php (сервер).
Код следующая:
Клиентская сторона:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$( "select [name='country']" ).bind("change", function () {
$("select[name='city']").empty();
$.get(
"server.php",
{country: $("select[name='country']").val()},
function (data){
data = JSON.parse(data);
for(var id in data){
$("select[name='city']").append($("<option value='"
+ id + "'>" + data[id] + "</option>"));
}
}
);
});
});
</script>
</head>
<body>
<label>Укажите страну:</label>
<select name="country">
<option value="0" selected="selected"></option>
<option value="1">Америка</option>
<option value="2">Франция</option>
</select>
<label>Города</label>
<select name="city">
<option value="0"></option>
</select>
</body>
</html>
Серверная сторона:
<?php
if ($_GET["country"] == 1) {
echo json_encode (array("1"=>"Вашингтон", "2"=>"Сиэтл"));
}
else if ($_GET["country"] == 2) {
echo json_encode (array("1"=>"Париж", "2"=>"Марсель"));
}
?>
Проблема в следующем. Я использую Open Server 5.2.2. базовый вариант, версия PHP 5.6.23, Apache API Version 20120211, аппарат - Ноутбук.
Данный код работает в локальном сервере настольного ПК, но у меня не работает, точнее JavaScript не получает массивы PHP в формате JSON ...
В чем проблема может быть? Помогите...