不断收到“未捕获的TypeError：无法使用'in'运算符搜索'191'” jQuery

Question

我正在尝试学习jQuery AJAX，并在尝试读取JSON文件时不断遇到相同的错误。 这是JavaScript代码：

$(function (){

    var $orders = $('#orders');

    $.ajax({
        type: 'GET',
        url: '/api/orders',
        success: function(orders) {
            $.each(orders, function(i, order) {
                $orders.append('<li>my order</li>');
            });
        }


    });
});

这是JSON代码：

"order":[
    {"id":1, "name":"Ben", "drink":"Americano w/ Creme"},
    {"id":2, "name":"Ben2", "drink":"Americano w/ Creme2"},
    {"id":3, "name":"Ben3", "drink":"Americano w/ Creme3"}
]

我不断收到此错误：

Uncaught TypeError: Cannot use 'in' operator to search for '191' in "order":[
    {"id":1, "name":"Ben", "drink":"Americano w/ Creme"},
    {"id":2, "name":"Ben2", "drink":"Americano w/ Creme2"},
    {"id":3, "name":"Ben3", "drink":"Americano w/ Creme3"}
]
jquery.js:584 
isArraylikejquery.js:359
jQuery.extend.eachmain.js:10
$.ajax.successjquery.js:3143
jQuery.Callbacks.firejquery.js:3255
jQuery.Callbacks.self.fireWithjquery.js:9309
donejquery.js:9713
jQuery.ajaxTransport.send.callback

有谁知道为什么我会不断收到此错误？ 预先感谢任何人的帮助。

Answer 1

设置dataType: 'json' ，因为orders是JSON字符串而不是JS对象

 $.ajax({
     dataType: 'json',
     type: 'GET',
     url: '/api/orders',
     success: function(orders) {
         $.each(orders, function(i, order) {
             $orders.append('<li>my order</li>');
         });
     }
 });

dataType: 'json'将响应评估为JSON并返回一个JavaScript对象。