javascript - 如何从 AJAX 读取此 JSON 响应

Question

这是我对 AJAX 调用的响应

{"screen":[{"screen_name":"SCR1","screen_id":"1"},{"screen_name":"SCR2","screen_id":"2"},{"screen_name":"SCR3","screen_id":"3"},{"screen_name":"SCR4","screen_id":"4"},{"screen_name":"SCR5","screen_id":"5"},{"screen_name":"BIGSCR","screen_id":"6"}]}

success: function(response) {
    var jsondata = JSON.stringify(response);
    console.log(jsondata);
    var html = '';
    for (var i = 0; i < jsondata.screen.length; i++) {
        var screenName = jsondata.screen[i].screen_name;
        var screenId = jsondata.screen[i].screen_id;
        html += '<option value="' + screenName + '">' + screenId + '</option>';
    }
    $('#SCname').append(html);
}

但我继续得到

Uncaught TypeError: Cannot read property 'length' of undefined at for loop

Answer 1

试试这个:它有效。如丝般光滑:(解释见评论)

<select id="SCname"></select>
<script>
    $.ajax({
            dataType: 'json',
            //This JSON datatype returns a json encoded response
            url:"api/test.php",
            //This is the URL From where you fetch the JSON Data
            success: function(response){
                //Since the response array object has a single array element "screen", we make it myArray
                myArray = response["screen"];
                console.log(myArray);
                //We get six Objects in myArray.
                //Thsese are Arrays of your six screens . Now Using Loops
                var html = '';
                for (var i = 0; i < myArray.length; i++) {
                    // Each element is inside DOuble Array like: myArray[0]["screen_name"]
                    var screenName = myArray[i]["screen_name"];
                    var screenId = myArray[i]["screen_id"];
                    html += '<option value="' + screenName + '">' + screenId + '</option>';
                }
                $('#SCname').append(html);

                //Check your console ouput
                console.log(html);
            }  
      });
</script>