[TimLinux] JavaScript AJAX接收到的数据转换为JSON格式

Posted 2020-11-18 TimLinux

1. 接收数据

AJAX接收数据是通过xhr.responseText属性，这是一个属性不是一个方法，这个属性得到的数据为字符串。

2. 字符串内容

当服务器发送的是一个JsonResponse({‘name‘:‘Tim‘, ‘sex‘: ‘male‘})这样的数据时（Django服务器），前端 xhr.responseText 属性得到的字符串值为“{‘name‘:‘Tim‘, ‘sex‘:‘male‘’}”，再次强调这是一个字符串

3. 字符串转换为JSON

字符串转换为JSON，需要用到JSON的parse函数，即json_data = JSON.parse(xhr.responseText)，然后在javascript代码中，就可以直接访问name属性了,json_data.name, json_data.sex。

4. 检查字典为空

JavaScript字典类型，其实可以认为是一个JSON数据，当未来检查字典为空时，不能调用length属性的方式来判断长度为零，一个方法是遍历字典中的属性，获取到值，则设置一个标志位遍历为true，否则为false，另外一个方法就是把这个变量通过JSON.stringify(json_data)转换为字符串，然后在跟‘{}‘字符串比较，如果相等，则为空，不相等则不为空。