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

ajax返回json数据遍历

AJAX 是一种在后台与服务器进行数据交换的技术,使用 AJAX 可以避免页面的刷新,大大提升用户体验。而返回的 JSON 数据可以很方便地遍历和处理。下面来看一些示例代码

$(document).ready(function(){
    $.ajax({
        url: "example.PHP",type: "POST",dataType: "json",success: function(data){
            $.each(data,function(key,value){
                $("p").append("Key: " + key + ",Value: " + value + "
"); }); } }); });

ajax返回json数据遍历

上述代码中,我们通过 AJAX 请求一个后台文件 example.PHP ,并且指定了返回的数据类型为 JSON,success 回调函数则处理返回的 JSON 数据。

然后通过 jQuery 的 each() 方法,遍历返回数据中的每一个对应的键值对,将它们添加到 HTML 中的 p 标签显示

当然,如果返回的 JSON 数据是一个数组,我们可以使用 for 循环来遍历,也可以使用 jQuery 的 $.each() 方法,示例代码如下:

$(document).ready(function(){
    $.ajax({
        url: "example.PHP",function(i,item){
                $("ul").append("
  • Name: " + item.name + ",Age: " + item.age + "
  • "); }); } }); });

    上面的代码中,我们在 HTML 中使用了 ul 标签,通过每次遍历数据中的一个元素,将其呈现为一个列表项,并添加到 ul 标签中。

    总的来说,使用 AJAX 请求后台返回的 JSON 数据,再通过 jQuery 的 each() 或 for 循环遍历这些数据并将其呈现到 HTML 中,是非常方便实用的。

    版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

    相关推荐