当我们从前端请求数据时,服务端一般都会返回JSON格式的数据。为方便取出其中的关键数据,我们需要将其解析成JSON对象,并通过jQuery对其进行操作。
当我们接收到服务端返回的JSON格式的字符串时,需要使用JSON.parse()
方法将其转换为JSON对象。示例如下:
var jsonStr = '{"name":"张三","age":20}';
var jsonObj = JSON.parse(jsonStr);
console.log(jsonObj.name); // 输出:张三
console.log(jsonObj.age); // 输出:20
有些情况下,我们可以直接将JSON对象赋值给变量使用。例如,服务端返回了下面的JSON对象:
var jsonObj = {
"name": "李四",
"age": 30
};
console.log(jsonObj.name); // 输出:李四
console.log(jsonObj.age); // 输出:30
获取服务端返回的JSON格式数据,可以使用jQuery的$.ajax()
方法或$.getJSON()
方法发送请求。
接收到返回的JSON字符串或JSON对象后,使用JSON.parse()
方法解析成JSON对象。
对JSON对象进行操作,例如取出其中的属性或值,修改属性的值等。
下面是使用$.ajax()
方法获取JSON数据并解析的示例代码:
$.ajax({
url: 'http://example.com/getdata',
dataType: 'json',
success: function(data) {
var jsonObj = JSON.parse(data); // 将JSON字符串解析成JSON对象
console.log(jsonObj.name); // 输出:获取到的数据中name的值
}
});
下面是使用$.getJSON()
方法获取JSON数据并解析的示例代码:
$.getJSON('http://example.com/getdata', function(jsonObj) {
console.log(jsonObj.name); // 输出:获取到的数据中name的值
});
本文链接:http://task.lmcjl.com/news/8327.html