Question

我在这里遇到一个关于ajax的问题。实际上我是使用Ajax的初学者，这就是为什么我无法弄清楚我的问题。我有一个有4个选择框的表单。初始或主要选择框是国家/地区选择器。其次是下一个是城市，最后是barangay。我的目标是这样的。在用户选择他的国家之后，状态的第二选择框将根据用户的国家自动改变。选择州后，它将自动改变城市，最后是barangay。它就像一个动态地址字段。我正在使用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());
}

处于警报状态的jquery成功输出是“未定义”。我还在Chrome中使用了开发人员工具，我在“网络”选项卡中查看了我的ajax与代码的URL。但在我的预览中，我有类似的东西。

[]
No Properties

那是所有人。我只是希望选择该国的州。

Answer 1

你必须像这样

在控制器中返回一个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));

}

然后在视图中

 $.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)

        }
    });

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

1 个答案: