005_Ajax get请求获取XML响应
生活随笔
收集整理的這篇文章主要介紹了
005_Ajax get请求获取XML响应
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1. 新建一個動態(tài)的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開發(fā)技術匯總:</h2><div id="myDiv"></div><button type="button" onclick="loadXMLDoc()">獲得我收藏的JavaWeb開發(fā)技術</button><script type="text/javascript">function loadXMLDoc(){// 創(chuàng)建XMLHttpRequest對象。XMLHttpRequest對象用于和服務器交換數(shù)據(jù)。var xmlHttp = new XMLHttpRequest(); // 在onreadystatechange事件中, 我們規(guī)定當服務器響應已做好被處理的準備時所執(zhí)行的任務。xmlHttp.onreadystatechange = function(){// 4請求完成, 200服務器返回狀態(tài)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()方法, 發(fā)送get請求到服務器。xmlHttp.open("get", "technology.xml", true);xmlHttp.send();}</script></body> </html>5. 運行項目
6. 點擊按鈕
總結
以上是生活随笔為你收集整理的005_Ajax get请求获取XML响应的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 003_onreadystatechan
- 下一篇： 006_Ajax发送POST请求