IE 中的 jquery .ajax（或 .eval）问题

Question

希望有人能为我阐明这个问题。

我有一个小应用程序（http://www.bentinckfencing.co.uk/fence_calculator.php）

我有一个php文件，它发送回JSON编码的字符串。

我使用 jQuery 通过 .ajax() 函数检索此字符串。获得 JSON 字符串后，我将以这种方式使用 eval()

$.ajax({
   type: "POST",
   url: "ajax-test.php",
   cache: false,
   data: "choice=34",
   success: function(data){

       var myObject = eval('(' + data + ')');

       //Now I set lots of variables in this manner and use them later in the script

       var productName  = myObject[0]['name'];
       var productPrice = myObject[0]['price'];                                     
       var productID    = myObject[0]['id'];

        }
   });

一如既往，这在所有浏览器中都运行良好，除了 IE 抛出错误 object does not support this property或方法

我只是想不出我哪里出错了。如果有人有时间提供帮助，甚至检查我的应用程序，我将是最有帮助的:)

编辑 我发现 Ajax 调用成功检索 IE 中的数据。它的字符串像这样 [{"name":" 12 英寸岩面砾石板","ID":"106","price":"7.00"},{"name":" 12 英寸双面砾石Board","ID":"108","price":"10.50"},{"name":"12英寸光滑砾石板","ID":"109","price":"7.00"}]

所以现在我的问题是如何处理 JS 拥有的数据......任何想法都会很棒:)

Answer 1

不要使用eval，它是邪恶的。另请确保您的服务器发送正确的内容类型 (application/json)：

$.ajax({
    type: 'POST',
    url: 'ajax-test.php',
    cache: false,
    data: { choice: 34 },
    dataType: 'json',
    success: function(items) {
        // TODO: some range checking on this array won't be useless
        // before trying to access its elements

        var productName = items[0].name;
        var productPrice = item[0].price;
        var productID = items[0].ID;

        // TODO: do something useful with those variables
    }
});

此外，您可能不需要使用 POST 请求 cache: false 。这些可能是您从 IE 和 GET 请求得到的反应:-)

Answer 2

这一行：

   var productID    = myObject[0]['id'];

应该是：

   var productID    = myObject[0]['ID'];

Javascript 标识符区分大小写。