我正在呼叫外部服务器,并通过数据获得有效的响应。如果将这些数据转储到console.log()
中,我可以看到我要寻找的数据。但是,返回的数据是XML,如果我尝试使用响应文本上的getElementsByTagName
方法,我会收到错误Uncaught TypeError: searchResults.getElementsByTagName is not a function
。我检查了searchResults
不确定,我认为这是我的问题,我只是不确定如何修复它。
function getBggData() {
var searchTerm = document.getElementById("searchTerm").value;
// console.log("Search Term = " + searchTerm);
var httpURL = "https://www.boardgamegeek.com/xmlapi2/search?type=boardgame,boardgameexpansion&query=" + searchTerm
// console.log("URL used is = " + httpURL);
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
displayData(this);
}
};
xhttp.open("GET", httpURL, true);
xhttp.send();
};
function displayData(xml) {
var i;
var searchResults = xml.responseText;
console.log(searchResults.type);
console.log(searchResults);
var table = "<tr><th>Game</th><th>Year Released</th></tr>";
var x = searchResults.getElementsByTagName("item");
document.getElementById("resultsHeader").innerHTML = "Search Results = " + x + " items.";
document.getElementById("searchResults").innerHTML = table;
};
您可以这样做,
var parser = new DOMParser();
var xmlDoc = parser.parseFromString(xml,"text/xml");
console.log(xmlDoc.getElementsByTagName("title")[0]);
在这里,我们正在解析XML并将其获取到变量xmldoc
var SearchResults = xml.Response XML ;