微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajax获取action中json数据

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); //打印错误信息
    }
});

ajax获取action中json数据

其中,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] 举报,一经查实,本站将立刻删除。

相关推荐