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

ajax 返回json 循环

Ajax 是一种在 Web 应用程序中使用的重要技术,可以通过与服务器端进行异步通信来更新页面上的内容。其中,返回 JSON 格式数据并循环展示是使用 Ajax 最常见的操作。

$.ajax({
  url: "example.PHP",dataType: "json",success: function(data){
    $.each(data,function(index,item){
      $("ul").append("
  • " + item.name + "
  • "); }); } });

    ajax 返回json 循环

    在上述代码中,我们使用了 jQuery 的 $.ajax 函数来向服务器端发送请求,并在请求成功后将返回的数据以 JSON 格式进行解析。之后,通过 $.each 这个迭代函数对解析后的数据进行循环,将每个项的名称取出后,利用 jQuery 的 append 方法将其动态添加页面上。

    除了使用 jQuery 提供的方法,我们也可以手动编写遍历函数对 JSON 数据进行循环展示,如下所示:

    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function(){
      if (this.readyState == 4 && this.status == 200){
        var json = JSON.parse(this.responseText);
        for(var i = 0; i 
    

    以上代码中,我们首先通过原生 JS 创建了一个 XMLHttpRequest 对象,并在其状态改变时,判断请求是否成功,并对返回的 JSON 数据进行解析。之后,我们使用常规的 for 循环对数据进行遍历,并手动创建 li 元素来动态添加到网页的 ul 列表中。

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

    相关推荐