[英]mysql db result convert as a json array
我正在嘗試編寫一個自動完成,當PHP頁面加載時,自動完成項加載一次。 使用從mysql DB獲取的項目,我創建了一個像這樣的json數組
<?php
$bnkArray = array();
$sql_bnk = mysql_query("SELECT BName, BCode, ID FROM bank");
while($rBnk = mysql_fetch_array($sql_bnk)){
$bnkDet = array(
'label' => $rBnk['BName'],
'value' => $rBnk['BName'],
'otherDetails' => $rBnk['BName'].'||'. $rBnk['BCode'].'||'. $rBnk['ID']
);
array_push($bnkArray, $bnkDet);
}
?>
我需要這個數組像這個javascript數組
<script>
var bankSource11 = [
{
value: "jquery",
label: "jQuery",
otherDetails: "the write less, do more, JavaScript library",
},
{
value: "jquery-ui",
label: "jQuery UI",
otherDetails: "the official user interface library for jQuery",
},
{
value: "sizzlejs",
label: "Sizzle JS",
otherDetails: "a pure-JavaScript CSS selector engine",
}
];
</script>
如果我在我的汽車完成中這樣調用這個數組,這是行不通的
var bankSource = [<?php echo $bnkArray; ?>];
什么是這種數組類型..如何做到這一點。
這是自動完成部分
$(this).autocomplete({
minLength: 0,
source: bankSource,
focus: function( event, ui ) {
$(this).val( ui.item.label );
return false;
},
select: function( event, ui ) {
console.log(ui.item.value +' ____ ' + ui.item.otherDetails);
$( "#project" ).val( ui.item.label );
$( "#project-id" ).val( ui.item.value );
$( "#project-description" ).html( ui.item.otherDetails );
return false;
}
})
}
請更換
var bankSource = [<?php echo $bnkArray; ?>];
同
var bankSource = <?php echo json_encode($bnkArray); ?>;
以下是根據您的要求修改的示例示例。 請仔細研究,如果您有任何疑問,請告訴我。
<?php
$bnkArray = array();
$sql_bnk = mysql_query("SELECT BName, BCode, ID FROM bank");
while($rBnk = mysql_fetch_array($sql_bnk)){
$bnkDet = array(
'label' => $rBnk['BName'],
'value' => $rBnk['BName'],
'otherDetails' => $rBnk['BName'].'||'. $rBnk['BCode'].'||'. $rBnk['ID']
);
array_push($bnkArray, $bnkDet);
}
?>
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
var bankSource11 = <?php echo json_encode($bnkArray); ?>;
$( "#My_Input" ).autocomplete({
source: bankSource11
});
});
</script>
</head>
<body>
<div class="ui-widget">
<input id="My_Input">
</div>
像這樣改變這條線,
var bankSource = [<?php echo $bnkArray; ?>];
至
var bankSource = "<?php echo json_encode($bnkArray); ?>";
Php變量用引號括起來並分配給js變量。
你應該做以下事情:
var bankSource11 = [<?php echo json_encode($bnkArray); ?>];
注意單引號,因為它是字符串:
var bankSource = '<?php echo json_encode($bnkArray); ?>';
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.