php - 如何使用 jquery ajax 将 php 关联数组附加到 html

Question

我想在我的选择框中检索这个 json 这是我的 Controller 代码，

public function getDistrictById()
        {
                $StateId=$this->input->post('StateId');
                $District=$this->Main_model->getDistrictListByStateId($StateId);
                //echo json_encode($District);
                foreach($District as $d)
                {

                     $rows[]=array("id"=>$d->DistrictId,"name"=>$d->DistrictName);
                }
                print json_encode($rows);

        }

这是我的 jquery/ajax 代码

<script>
function getDistrict()
 {
        var StateId=$('#state option:selected').val();
        $.ajax({
                           url:'<?php echo base_url()?>Home/getDistrictById',
                           type: 'POST',
                          dataType:"json",
                           data: {StateId:StateId},
                           success: function(response){
                            // $('#District').html(response); 
                            console.log(response);
                           },

                           error: function(){
                               alert("Fail");
                           }
                       });
 }
</script>

console.log(响应);给我确切的输出，但我不确定如何将其附加到选择框中。我已经尝试过How do I add options to a DropDownList using jQuery?还有更多请帮助...

Answer 1

只需在成功回调中这样做

    <script>  
    function getDistrict()
                            {
                                var StateId = $('#state option:selected').val();
                                $.ajax({
                                    url: '<?php echo base_url()?>Home/getDistrictById',
                                    type: 'POST',
                                    dataType: "json",
                                    data: {StateId: StateId},
                                    success: function (response) {
                                       $("#district").empty();  // clear previous options
                                        for (i = 0; i < response.length; i++)
                                        {
                                            $("#district").append("<option value='" + response[i].id + "'>" + response[i].name + "</option>");
                                        }
                                    },
                                    error: function () {
                                        alert("Fail");
                                    }
                                });
                            }
       </script>