Ajax是JavaScript和XML技术的缩写,用于异步地在后台从服务器获取数据,不必刷新整个页面。使用Ajax获取action中json数据时,可以使用jQuery中的$.ajax()方法,代码如下:
$.ajax({
url: "getJsonData.action",//action的请求路径
type: "get",dataType: "json",//返回的数据类型为json
success: function(data) {
//成功获取到数据后的操作
console.log(data); //打印获取到的数据
},error: function(XMLHttpRequest,textStatus,errorThrown) {
//获取数据失败后的操作
console.log(XMLHttpRequest.status); //打印错误状态码
console.log(XMLHttpRequest.readyState); //打印错误状态
console.log(textStatus); //打印错误信息
}
});
其中,url为请求路径,type为请求方法(GET或POST),dataType为返回的数据类型(此处为json类型),success为成功获取到数据后的回调函数,error为获取数据失败后的回调函数。
获取到的数据可以通过data参数来进行处理,例如将数据显示在页面中:
$.ajax({
url: "getJsonData.action",type: "get",success: function(data) {
//将数据显示在id为container的元素中
$("#container").html(data.name + ":" + data.content);
},errorThrown) {
console.log(XMLHttpRequest.status);
console.log(XMLHttpRequest.readyState);
console.log(textStatus);
}
});
以上代码通过将获取到的数据显示在ID为container的元素中。可以根据实际需求进行处理。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。