200字范文 > 005_Ajax get请求获取XML响应

005_Ajax get请求获取XML响应

时间：2021-07-21 02:54:55

1. 新建一个动态的Web项目

2. 命名为Ajax

3. 编写technology.xml

<?xml version="1.0" encoding="UTF-8"?><technologys><technology>html</technology><technology>xhtml</technology><technology>html5</technology><technology>javascript</technology><technology>ajax</technology><technology>jquery</technology></technologys>

4. 编写ajax_get.html

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Ajax get请求获取XML响应</title></head><body><h2>JavaWeb开发技术汇总:</h2><div id="myDiv"></div><button type="button" onclick="loadXMLDoc()">获得我收藏的JavaWeb开发技术</button><script type="text/javascript">function loadXMLDoc(){// 创建XMLHttpRequest对象。XMLHttpRequest对象用于和服务器交换数据。var xmlHttp = new XMLHttpRequest();// 在onreadystatechange事件中, 我们规定当服务器响应已做好被处理的准备时所执行的任务。xmlHttp.onreadystatechange = function(){// 4请求完成, 200服务器返回状态OK。if(xmlHttp.readyState == 4 && xmlHttp.status == 200){// 结果字符串var value = "";// 获取XML响应var xmlDoc = xmlHttp.responseXML;var node = xmlDoc.getElementsByTagName("technology");for(var i = 0; i < node.length; i++){value += node[i].childNodes[0].nodeValue + "<br />";}document.getElementById("myDiv").innerHTML = value;}}// 使用XMLHttpRequest对象的open()和send()方法, 发送get请求到服务器。xmlHttp.open("get", "technology.xml", true);xmlHttp.send();}</script></body></html>

5. 运行项目

6. 点击按钮

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。