javascript - 我从 html select 调用 jquery 函数并访问 jquery 函数中的某些对象。但未定义

Question

这是我的 jquery 函数

<script type="text/javascript">
    $('#branddrop').change(function getModels(){
        console.log('entered')
        brand = $(this).val();
        console.log(brand);
        console.log("http://localhost:8006/api/models/" + String(brand['name']));
        $.get("http://localhost:8006/api/models/", 
        function(data) {
            var models = $('#model');

            models.empty();

            $.each(data, function(i, value) {       
                models
                    .append($("<option></option>")
                    .attr("value",value.name)
                    .text(value.name)); 
            });

        });
    });
</script>

我能够将品牌安慰为

{"id":5,"name":"LeEco","created_at":null,"updated_at":null}

但是当控制台brand['name']时，我得到了未定义。

Answer 1

看起来品牌变量包含字符串值'{"id":5,"name":"LeEco","created_at":null,"updated_at":null}'

您可能必须将字符串解析为对象，如下所示:

var brandObj = JSON.parse(brand);
brandObj['name'] // should work