如何使用Ajax进程显示来自控制器/模型的数据


How to display the data came from controller/model using Ajax process?

我有一个关于ajax的问题。实际上,我是使用Ajax的初学者,这就是为什么我不能找出我的问题。我有一个有4个选择框的表单。初始或主选择框是国家选择器。其次是邦,其次是市,最后是村。我的目标是这样的。在用户选择他的国家后,第二个选择框的状态将根据用户的国家自动改变。在选择了州之后,它会自动改变城市,最后是村庄。它就像一个动态地址字段。我正在使用codeigniter。我是这么做的。这是获取状态的过程。

在我的PHP表单中,我有这个:

<tr>
    <td><label style="font-weight: normal">State / Province:&nbsp;</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:&nbsp;</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)
        }
    });