我有一个关于ajax的问题。实际上,我是使用Ajax的初学者,这就是为什么我不能找出我的问题。我有一个有4个选择框的表单。初始或主选择框是国家选择器。其次是邦,其次是市,最后是村。我的目标是这样的。在用户选择他的国家后,第二个选择框的状态将根据用户的国家自动改变。在选择了州之后,它会自动改变城市,最后是村庄。它就像一个动态地址字段。我正在使用codeigniter。我是这么做的。这是获取状态的过程。
在我的PHP表单中,我有这个:
<tr>
<td><label style="font-weight: normal">State / Province: </label></td>
<td >
<select class="form-control" name="c_state" id="c_state">
<option value="">--Select State--<option>
</select>
</td>
</tr>
<tr>
<td><label style="font-weight: normal">Country: </label></td>
<td >
<select class="form-control" name="c_country" id="c_country">
<option value="">--Select Country--</option>
<?php
foreach($countries as $country){
if($country['country'] == 'Philippines'){
echo "<option value='".$country['code']."'selected='selected'>".$country['country']."</option>";
}else{
echo "<option value='".$country['code']."'>".$country['country']."</option>";
}
}
?>
</select>
</td>
</tr>
....
$("#c_country").on('change',function(){
var c_country = $("#c_country").val();
var var_country_selection = '<?php echo site_url("alliance_controller/get_provinces/'+c_country+'"); ?>';
console.log(c_country);
$.ajax({
type: 'POST',
url: var_country_selection,
data: { id: $(this).val() },
dataType: 'json',
success: function(d){
alert(d['c_country']);
}
});
});
在我的控制器中,我有这个:
public function get_provinces($id){
$country = $this->alliance_model->hhj_provinces($id);
echo json_decode($country);
}
在我的模型中,我有这个:
public function hhj_provinces($id) {
$query = "SELECT * FROM ref_region_province WHERE country_code = '".$id."'";
$result = $this->db->query($query);
echo json_encode($result->result_array());
}
success in jquery的输出是'undefined'。我还在Chrome中使用开发人员工具,我查看了网络选项卡,它显示了我的ajax的URL和代码。但是在我的预览中,我有这样的内容。
[]
No Properties
就这些了。我只想获得所选国家的状态
你必须在控制器中返回一个JSON对象,像这样
public function get_provinces(){
$id = $this->input->post('id');
$country = $this->alliance_model->hhj_provinces($id);
$this->output->set_content_type('application/json');
$this->output->set_output(json_encode( $country));
}
then in View
$.ajax({
type: 'POST',
url: var_country_selection,
data: { id: $(this).val() },
dataType: 'json',
success: function(data){
$.each(data, function (key, value) {
console.log(value.field)
}
});