ajax取json属性值

首先，我们可以使用jQuery的$.getJSON方法来获取JSON对象，并将其存储在一个变量中。

let movie;
$.getJSON('http://example.com/getMovie', function(data) {
    movie = data;
}
    );
    

接下来，我们可以通过直接访问JSON对象的属性来获取导演的名字，并将其显示在页面上。

let directorName = movie.director;
    $('#director').text(directorName);
    

在这个例子中，我们使用了$.getJSON方法来获取到电影的JSON对象，并将其存储在一个变量movie中。然后，我们通过访问JSON对象的属性movie.director，获取到了导演的名字，并将其显示在页面上的一个元素中。

除了使用jQuery的$.getJSON方法，还可以使用纯JavaScript的XMLHttpRequest对象来获取JSON对象。

let xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (this.readyState == 4 &
    &
 this.status == 200) {
    let data = JSON.parse(this.responseText);
    let directorName = data.director;
    document.getElementById('director').textContent = directorName;
}
}
    ;
    xhr.open('GET', 'http://example.com/getMovie', true);
    xhr.send();
    

在这个例子中，我们创建了一个XMLHttpRequest对象，并通过open方法指定了请求的方法以及请求的URL。然后，我们在onreadystatechange事件的回调函数中获取到了JSON对象，并将其中的导演名字显示在页面上。

总结起来，无论是使用jQuery的$.getJSON方法还是纯JavaScript的XMLHttpRequest对象，我们都可以通过访问JSON对象的属性来获取其中的某个属性值。只需要注意在获取到JSON对象后，通过访问对象的属性来获取所需要的值，并将其显示在页面上。这样就能够快速获取到JSON对象中的某个属性值了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！