[英]Get the values from php formatted in Json with getJSON ajax function?
I have this javascript function code to get the values from StationInfoGenerator.php.But when I want to get the values for passengers (suchs as from, to, arrivalTime,waitingTime), I couldn't put that values to the corresponding div tags in the html page. 我有这个javascript函数代码来从StationInfoGenerator.php中获取值。但是当我想获取乘客的值(例如from,to,totingTime,waitingTime)时,我无法将该值放入相应的div标签中html页面。
function sta_callStation() {
$('#noOfPassengers, #infoOfPassengers, #distType,#distParams').empty();
$.getJSON('StationInfoGenerator.php', function (station) {
$.each(station, function (sta_key, sta_value) {
if (sta_key == "numberOfPassengers") {
$('#noOfPassengers').append("<strong>Number Of Passengers:
</strong>" + sta_value);
}
if (sta_key == "passengers") {
$('#infoOfPassengers').append("<strong>Passengers Information:</strong>" + '<br/>');
$.each(sta_key.passengers.parameters, function (i, parameters) {
$.each(parameters, function (par_key, par_value) {
$('#infoOfPassengers').append(par_key + ': ' + par_value + ' ' + '<br/>');
});
});
}
if (sta_key == "distType") {
$('#distType').append("<strong>Dağılım Tipi:</strong>" + sta_value);
}
});
});
}
Here is the html code part.In this part when I choose some station I must get the number of passengers ,passengers information, distribution type and params.For now I can get the numberOfPassengers from php.In php, all values are produced randomly. 这是html代码部分。在这一部分中,当我选择某个车站时,我必须获取乘客人数,乘客信息,分布类型和参数。现在我可以从php中获取numberOfPassengers。在php中,所有值都是随机产生的。
<select name="selectStation" class="span12" onchange="sta_callStation();">
<option value="noStation">Bir istasyon seçiniz.</option>
<option value="station1">Station 1</option>
<option value="station2">Station 2</option>
<option value="station3">Station 3</option>
<option value="station4">Station 4</option>
<option value="station5">Station 5</option>
</select>
<div id="noOfPassengers"><strong>Number Of Passengers:</strong></div>
<p><i class="icon-user"></i> <i class="icon-user"></i> <i class="icon-user">
</i></p>
<div id="infoOfPassengers"></div>
<div id="distType"></div>
<div id="distParams"></div>
Php jsonSerialize part: PHP jsonSerialize部分:
public function jsonSerialize()
{
$data = array();
$data['from'] = $this->from;
$data['to'] = $this->to;
$data['arrivalTime'] = $this->arrivalTime;
$data['waitingTime'] = $this->waitingTime;
return $data;
}
The output in the web page: 网页中的输出:
Number Of Passengers:5
Passengers Information:
How can I show the passengers info? 如何显示乘客信息? Thanks.
谢谢。
public function jsonSerialize()
{
$data = array();
$data['from'] = $this->from;
$data['to'] = $this->to;
$data['arrivalTime'] = $this->arrivalTime;
$data['waitingTime'] = $this->waitingTime;
return json_encode($data);
}
function sta_callStation()
{
var distName;
$('#noOfPassengers, #infoOfPassengers, #distType,#distParams').empty();
$.getJSON('StationInfoGenerator.php', function(station){
$.each(station, function(sta_key, sta_value) {
if(sta_key=="numberOfPassengers") {
$('#noOfPassengers').append("<strong>Number Of Passengers:
</strong>"+sta_value);
}
if(sta_key=="passengers")
{
$('#infoOfPassengers').append("<strong>Passengers Information:
</strong>"+'<br/>');
$.each(station.passengers, function(i,passenger) {
$.each(passenger, function(par_key, par_value) {
$('#infoOfPassengers').append(par_key+': '+par_value+' '+'<br/>');
});
$('#infoOfPassengers').append('<hr />');
});
}
if(sta_key=="distType")
{
if(sta_value=="1"){
distName="Uniform";
}
if(sta_value=="2"){
distName="Normal";
}
if(sta_value=="3"){
distName="Üstel";
}
if(sta_value=="4"){
distName="Geometric";
}
$('#distType').append("<strong>Distribution Type:</strong>"+sta_value+"<br/>"+"<strong>Distribution Name:</strong>"+distName);
}
if(sta_key=="distParams")
{
$('#distParams').append("<strong>Distribution Parameters:</strong>"+'<br/>');
$.each(station.distParams, function(params_key, params_value) {
$('#distParams').append(params_key+': '+params_value+' '+'<br/>');
//$('#distParams').append('<hr />');
});
}
});
});
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.