<!DOCTYPE html><html lang="en"><head> <Meta charset="UTF-8"> <title>AJAX发送GET请求并传递参数</title></head><body><ul id="list"></ul><script> var listElement = document.getElementById(‘list‘); // 发送请求获取列表数据呈现在页面 // ======================================= var xhr = new XMLHttpRequest(); xhr.open(‘GET‘,‘users.PHP‘); xhr.send(); xhr.onreadystatechange = function () { if (this.readyState !== 4) return; var data = JSON.parse(this.responseText); // data => 数据 for (var i = 0; i < data.length; i++) { var liElement = document.createElement(‘li‘); liElement.innerHTML = data[i].name; liElement.id = data[i].id; listElement.appendChild(liElement); liElement.addEventListener(‘click‘,function () { // Todo: 通过AJAX操作获取服务端对应数据的信息 // 如何获取当前被点击元素对应的数据的ID // console.log(this.id) var xhr1 = new XMLHttpRequest(); xhr1.open(‘GET‘,‘users.PHP?id=‘ + this.id); xhr1.send(); xhr1.onreadystatechange = function () { if (this.readyState !== 4) return; var obj = JSON.parse(this.responseText); alert(obj.age) } }) } }</script></body></html>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
