Jquery Ajax调用php脚本我该如何处理数据？

Question

I am trying to get this ajax call to work:

<script type="text/javascript">
$( document ).ready(function() {

        $('#home_location').change(function(){
                $.ajax({
                        url: 'GetCommunities.php',
                        data: {id: $(this).val()},
                        datatype: 'json',
                        success: function(data){
                                console.log(data);
                        }
                });
        });

});
</script>

The console log returns my data like so:

[{"rb_communityId":"8","rb_communityLabel":"Sunflower","rb_communityOrder":"12","rb_locationId":"4"}] 

my question is how do I make the rb_communitiyId into an array and use that array to for select options to replace a current dropdown?

Answer 1

this code:

$.ajax({
   url: 'GetCommunities.php',
   data: {id: $(this).val()},
   datatype: 'json',
   success: function(data){
      console.log(data);
   });
});

will NOT result to a JSON object, but in a string! replace datatype to dataType and be sure to call echo json_encode(your_array); exit; in your php file.

Normally, you would be able to access your data (in success) like data.rb_communityId and about changing a dropdown, just use this: (Replace #mydropdown with your own id)

$("#mydropdown").val( data.rb_communityId );

assuming the .communityId is a value of your dropdown.

If you want to replace a dropdown entirely based on the data, do this (in success again):

$("#mydropdown option").remove();
$.each(data,function(key,value) {
   $("#mydropdown").append($("<option></option>",{value:value["rb_communityId"],text:value["rb_communityLabel"]}));
});

I dont find uses for your other two variables, the above will add value and text.