Ajax 是一种在 Web 应用程序中使用的重要技术,可以通过与服务器端进行异步通信来更新页面上的内容。其中,返回 JSON 格式数据并循环展示是使用 Ajax 最常见的操作。
$.ajax({ url: "example.PHP",dataType: "json",success: function(data){ $.each(data,function(index,item){ $("ul").append("
在上述代码中,我们使用了 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] 举报,一经查实,本站将立刻删除。