关于前端ajax请求获取数据成功之后无法操作数据的原因及解决方法

前言：做项目的时候我用ajax请求json数据，遍历使用数据时却发现页面无响应。关于这个问题今天有个朋友又问了我一次，记录一下。由于我没有记录，这里用我朋友的图片。

代码现象：

• 

   这里他是使用alert弹出ajax接收到的数据，个人建议在js代码中使用console.log(数据)在控制台打印，更方便看出后端返回的json数据类型（字符串or数组等）。

思考过程：

• 当时初次接触ajax和json概念，于是直接百度。

解决方案：

• 查过网上有很多方法，基本原理都是因为后端返回的json数据是字符串，而我们在操作json数据时需要把他转换成数组对象。或者在后端返回数组格式的数据。我这里使用的方法很简单，亲测万能。代码如下。js代码块中将返回的数据用eval包起来，再定义一个变量接收即可。重点在行15。然后你就可以肆意操纵你的数据啦。补充：eval()有代码注入的危险，除此之外，我们还可以使用JSON.parse()。

• $.ajax({
              type: 'GET',
              url: 'https://localhost:44369/UserInfo/EditUserJson',//请求数据
              data: json,//传递数据
              //dataType:'json/text',//预计服务器返回的类型
              timeout: 3000,//请求超时的时间
              //回调函数传参
              success: succFunction,
          })
          function succFunction(data) {
              //$("#list").html('');
  
              console.log(data)
              //转换成数组
              var jsons = eval('(' + data + ')');
              console.log(jsons);
              //console.log(data);
              for (var i in jsons) {
                  name = jsons[i].Name
                  console.log(name)
                  password = jsons[i].Password
                  //console.log(password)
                  rname = jsons[i].Rname
                  sex = jsons[i].Gender
                  phone = jsons[i].Phone
                  qq = jsons[i].Qq
                  email = jsons[i].Email
                  desc = jsons[i].Desciption
                  group = jsons[i].Gid
                  status = jsons[i].Status
              }
      });