ajax 返回json eval

在开发Web应用程序时，经常需要通过Ajax从服务器获取JSON数据。还有一种方式是，在请求响应时使用eval JavaScript函数来将JSON字符串转换为JavaScript对象。这两种方法的优缺点在下文中进行探讨。

首先，使用Ajax请求JSON数据的方式是通过XMLHttpRequest对象发送异步HTTP请求，然后从服务器接收JSON响应。这种方法具有以下优点：

  
    var xhr = new XMLHttpRequest();
    xhr.open('GET','/api/data.json',true);
    xhr.setRequestHeader('Content-Type','application/json');
    xhr.onreadystatechange = function() {
      if(xhr.readyState === 4 && xhr.status === 200) {
        var data = JSON.parse(xhr.responseText);
        //处理数据
      }
    };
    xhr.send();
  

1. 与服务器通信是异步的，不会阻塞页面。

2. JSON数据可以在应用程序中进行更灵活的处理。

然而，有一个缺点是需要使用JSON.parse将JSON字符串转换为JavaScript对象。在旧版本的浏览器中，JSON.parse可能不可用，这就需要使用eval函数在JavaScript中执行JSON字符串。例如：

  
    var xhr = new XMLHttpRequest();
    xhr.open('GET','application/json');
    xhr.onreadystatechange = function() {
      if(xhr.readyState === 4 && xhr.status === 200) {
        var data = eval('(' + xhr.responseText + ')');
        //处理数据
      }
    };
    xhr.send();
  

然而，由于eval函数会将字符串作为JavaScript代码进行执行，这可能会导致安全问题。例如，如果JSON字符串中包含恶意代码，则eval函数可能会执行该代码，导致不安全行为。这就是不推荐使用eval函数的原因。

综上所述，在从服务器获取JSON数据时，最好使用Ajax请求，然后将响应转换为JavaScript对象。这种方式比使用eval函数更安全，更灵活，也更可靠。