Я делаю что-то не так, но не могу понять, что это такое.
Строка $ .getJSON должна извлекать данные с помощью запроса AJAX, передавая ему выбранное в настоящее время имя фрукта. Затем данные циклически перебираются (это массив, содержащий индекс «сорт», содержащий название сорта фрукта) и добавляются в строку html, которая затем окончательно внедряется Jquery в диапазон #variety веб-страницы, заменяя то, что было ранее. 1003 *
HTML
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Toevoegen</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
function populateFruitVariety() {
var fruitName = $('input[name=fruitName]:checked').val();
$.getJSON('func.php', {fruitName: fruitName}, function(fruit) {
var html = '';
$.each(fruit[fruitName], function(index, array) {
html = html + '<label><input type="radio" name="variety" value="' + array['variety'] + '" />' + array['variety'] + '</label> ';
});
$('#varieties').html(html);
});
}
populateFruitVariety();
$('input[name=fruitName]').change(function() {
populateFruitVariety();
});
</script>
</head>
<body>
<form>
<div>
<strong>Fruit:</strong>
<label><input type="radio" name="fruitName" value="Apple" checked="checked" />Apple</label>
<label><input type="radio" name="fruitName" value="Banana" />Banana</label>
<label><input type="radio" name="fruitName" value="Orange" />Orange</label>
<label><input type="radio" name="fruitName" value="Pear" />Pear</label>
</div>
<div>
<strong>Variety:</strong>
<span id="varieties"></span>
</div>
<div>
<strong>Type:</strong>
<span id="type"></span>
</div>
</form>
FUNC.PHP
<?php
$dsn = "mysql:host=localhost;dbname=dbname";
$username = "user";
$password = "pass";
$pdo = new PDO($dsn, $username, $password);
$rows = array();
if(isset($_GET['fruitName'])) {
$stmt = $pdo->prepare("SELECT DISTINCT variety FROM fruit WHERE name = ? ORDER BY variety");
$stmt->execute(array($_GET['fruitName']));
$rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
}
echo json_encode($rows);
?>
По какой-то причине это не работает должным образом, потому что Jquery не получит значения json, как я вижу из консоли.
При изменении последнего фрагмента кода jquery на:
$(function() {
populateFruitVariety();
$('input[name=fruitName]').change(function() {
populateFruitVariety();
});
});
Значения будут получены в консоли, но не показаны как радиоблоки. Там все еще ошибка в консоли, хотя. (не определено)