Javascript 对象数组：[{“1”：“中途之家”}，{“2”：“Noordwyk”}，{“3”：“Vorna Valley”}]我尝试添加数据类型并使用“console.log（）”，以下是控制台上显示的错误：未捕获错误：语法错误，无法识别的表达式：[{“1”：“中途之
Javascript 对象数组：[{“1”：“中途之家”}，{“2”：“Noordwyk”}，{“3”：“Vorna Valley”}]我尝试添加数据类型并使用“console.log（）”，以下是控制台上显示的错误：未捕获错误：语法错误，无法识别的表达式：[{“1”：“中途之,javascript,php,jquery,ajax,json,Javascript,Php,Jquery,Ajax,Json,对象数组：[{“1”：“中途之家”}，{“2”：“Noordwyk”}，{“3”：“Vorna Valley”}]我尝试添加数据类型并使用“console.log（）”，以下是控制台上显示的错误：未捕获错误：语法错误，无法识别的表达式：[{“1”：“中途之家”}，{“2”：“Noordwyk”}，{“3”：“Vorna Valley”}谢谢，伙计。这起作用了。我真的很感谢你的帮助。再一次谢谢你，我怀疑这是真的。虽然我记得在某个地方读到它应该在那里。不管怎样，塔普拉的回答是有效的。谢谢你的意见。我
对象数组：
[{“1”：“中途之家”}，{“2”：“Noordwyk”}，{“3”：“Vorna Valley”}]<?php
$dbcon = new mysqli(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);
?>
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Accomodation Application</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
<style>
form div {
margin-bottom: 20px;
}
</style>
<body>
<div>
<div>
<form>
<p><a href="http://localhost/testwork/">Refresh</a></p>
<div><label for="applicant-name">First Name</label><br /><input type="text" name="name" id="applicant-name"></div>
<div><label for="applicant-surname">Surname</label><br /><input type="text" name="surname" id="applicant-surname"></div>
<div><label for="applicant-identity">Smart ID Number</label><br /><input type="text" name="surname" id="applicant-identity"></div>
<div id="town">
<label for="applicant-town">Town</label><br />
<select name="town" id="applicant-town"><option value="0">-- Select Town --</option>
<?php
$towns = mysqli_query($dbcon, "SELECT town_id, town_name FROM towns");
while($town = mysqli_fetch_array($towns)){
$town_id = $town['town_id'];
$town_name = $town['town_name'];
echo("<option value=\"$town_id\">$town_name</option>");
}?>
</select>
</div>
<div id="suburb">
<label for="applicant-suburb">Suburb</label><br />
<select name="suburb" id="applicant-suburb">
<option value="0">-- Select Suburb --</option>
</select>
</div>
<button type="submit">Submit</button>
</form>
</div>
</div>
<script>
$(document).ready(function(){
$('#applicant-town').change(function(){
var suburb_town = $(this).val();
$.ajax({
type: "GET",
url: "suburbs.php",
data: {town: suburb_town}
})
.done(function(data){
alert(data);
var burbs = JSON.parse(data);
alert(burbs); // e.g. [{"1":"Halfway House"},{"2":"Noordwyk"},{"3":"Vorna Valley"}]
$(burbs).each(burbs, function(key, value){
$('#applicant-suburb').append('<option value="'+key+'">'+value+'</option>');
});
})
.fail(function(){
alert('There is an error somewhere.');
});
});
});
</script>
</body>
</html>
<?php
$dbcon = new mysqli (DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);
if(isset($_GET['town'])){
$town_suburbs = array();
$town_id = htmlspecialchars($_GET['town']);
$suburbs = mysqli_query($dbcon, "SELECT suburb_id, suburb_name FROM suburbs WHERE suburb_town = $town_id");
while($suburb = mysqli_fetch_array($suburbs)){
$suburb_id = $suburb['suburb_id'];
$suburb_name = $suburb['suburb_name'];
$town_suburbs[] = array($suburb_id => $suburb_name);
}
echo json_encode($town_suburbs);
}
?>
$.ajax({
type: "GET",
url: "suburbs.php",
data: {town: suburb_town},
dataType: 'json'
})
$.ajax({
type: "GET",
url: "suburbs.php",
data: {town: suburb_town},
dataType: 'json'
})
.done(function(data){
console.log(data)
});
})
$town_suburbs[] = array($suburb_id => $suburb_name);
array_push($town_suburbs, array("id" => $suburb_id, "name" => $suburb_name));
$(burbs).each(burbs, function(key, value){
$('#applicant-suburb').append('<option value="'+key+'">'+value+'</option>');
});
$(burbs).each(function(){
$('#applicant-suburb').append('<option value="'+ this.id +'">'+ this.name +'</option>');
});
$(burbs).each(burbs, function(key, value){
$('#applicant-suburb').append('<option value="'+key+'">'+value+'</option>');
});
for (var i = 0; i < burbs.length; ++i) {
$.each(burbs[i], function(key, val) {
$('#applicant-suburb').append('<option value="'+key+'">'+val+'</option>');
});
}
[{"1":"Halfway House"},{"2":"Noordwyk"},{"3":"Vorna Valley"}];
var burbs = JSON.parse(data);//alerting this will definitely present [Object object]
var burbs = JSON.stringify(data);//converts the object to a string
alert(burbs);
//lets imagine this is our response data, which can also be the response data you parsed with JSON.parse(data);
var data = [{"1":"Halfway House"},{"2":"Noordwyk"},{"3":"Vorna Valley"}];
function iterate(data)
{
for(var i=0;i<data.length;i++)
{
for(var i=0;i<data.length;i++)
{
for(var key in data[i])
{
var value = data[i][key];
$('#applicant-suburb').append('<option value="'+key+'">'+value+'</option>');
}
}
}
}