textContent在迭代JavaScript XML中返回不需要的空文本值
我正在尝试提取XML文件textContent在迭代JavaScript XML中返回不需要的空文本值,javascript,xml,http,nodes,Javascript,Xml,Http,Nodes,我正在尝试提取XML文件widgets.XML中节点的文本值 我成功地获得了文本,但是在我的for循环的每次迭代之间,我也得到了不需要的空文本值。经过仔细的调试,问题似乎是在JavaScript文件底部调用行[i].childNodes[j].textContent时开始的 在我的Chrome调试器中,它在点[0][0]处保存的第一个值似乎是一个向下和向左的小箭头,类似于键盘上返回键上的箭头 我一直在玩弄它有一段时间了,但我似乎不知道出了什么问题 在迭代过程中,textContent到底在做什么
widgets.XML
中
节点的文本值
我成功地获得了文本,但是在我的for
循环的每次迭代之间,我也得到了不需要的空文本值。经过仔细的调试,问题似乎是在JavaScript文件底部调用行[i].childNodes[j].textContent
时开始的
在我的Chrome调试器中,它在点[0][0]
处保存的第一个值似乎是一个向下和向左的小箭头,类似于键盘上返回键上的箭头
我一直在玩弄它有一段时间了,但我似乎不知道出了什么问题
在迭代过程中,textContent到底在做什么
代码如下:
XML
<?xml version="1.0" encoding="UTF-8"?>
<user>
<widgets>
<widget id="00" status="on">
<name>Bookings</name>
<phpfile>booking.php</phpfile>
</widget>
<widget id="01" status="on">
<name>Room Nights</name>
<phpfile>room_nights.php</phpfile>
</widget>
<widget id="02" status="on" currency_type="$">
<name>Revenue</name>
<phpfile>revenue.php</phpfile>
</widget>
<widget id="03" status="on">
<name>Visits</name>
<phpfile>visits.php</phpfile>
</widget>
<widget id="04" status="on">
<name>Website Traffic</name>
<phpfile>chart.php</phpfile>
<dataset>
<data>
<startdate>2014-10-01</startdate>
<enddate>2014-10-12</enddate>
<lines>
<line num="1" name="Booking Engine">
<point>2014-10-01, 132</point>
<point>2014-10-02, 123</point>
<point>2014-10-03, 171</point>
<point>2014-10-04, 99</point>
<point>2014-10-05, 72</point>
<point>2014-10-06, 85</point>
<point>2014-10-07, 102</point>
<point>2014-10-08, 107</point>
<point>2014-10-09, 124</point>
<point>2014-10-10, 132</point>
<point>2014-10-11, 136</point>
<point>2014-10-12, 131</point>
</line>
<line num="2" name="Revenue">
<point>2014-10-01, 123</point>
<point>2014-10-02, 99</point>
<point>2014-10-03, 65</point>
<point>2014-10-04, 201</point>
<point>2014-10-05, 123</point>
<point>2014-10-06, 156</point>
<point>2014-10-07, 123</point>
<point>2014-10-08, 76</point>
<point>2014-10-09, 45</point>
<point>2014-10-10, 123</point>
<point>2014-10-11, 190</point>
<point>2014-10-12, 143</point>
</line>
</lines>
</data>
</dataset>
</widget>
<widget id="05" status="on">
<name>Tips</name>
<phpfile>tips.php</phpfile>
</widget>
<widget id="06" status="on">
<name>Recent Bookings</name>
<phpfile>recent_bookings.php</phpfile>
</widget>
<widget id="07" status="on">
<name>Timeline</name>
<phpfile>timelines.php</phpfile>
</widget>
<widget id="08" status="on">
<name>Employees</name>
<phpfile>employees.php</phpfile>
</widget>
<widget id="09" status="on">
<name>Daily Progress</name>
<phpfile>daily_progress.php</phpfile>
</widget>
</widgets>
</user>
如果您解决了它,请提前感谢。使用
trim
函数去除字符串开头和结尾的空格。还要检查空字符串
例如:
我假设从节点中提取数据的方式可能有错误。我正在考虑这个选项,但我想看看是否有其他方法可以解决这个问题,而不涉及掩盖错误,如果是这样的话。您可能需要参考以下内容:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
getXmlGraphData();
//Gets the XML data from the widgets.xml file
function getXmlGraphData() {
var request = new XMLHttpRequest();
var user;
var lines = [];
var points = [[]];
request.open("GET", "widgets.xml", false);
request.send();
var xml = request.responseXML;
var lines = xml.getElementsByTagName("line");
for (var i = 0; i < lines.length; ++i) {
if (!lines) {
lines = [];
}
for (var j = 0; j < lines[i].childNodes.length; ++j) {
if (!points[i]) {
points[i] = [];
}
points[i][j] = lines[i].childNodes[j].textContent; //the problem begins here
}
}
document.write(points);
}
});
</script>
,2014-10-01, 132, ,2014-10-02, 123, ,2014-10-03, 171, ,2014-10-04, 99, ,2014-10-05, 72, ,2014-10-06, 85, ,2014-10-07, 102, ,2014-10-08, 107, ,2014-10-09, 124, ,2014-10-10, 132, ,2014-10-11, 136, ,2014-10-12, 131, , ,2014-10-01, 123, ,2014-10-02, 99, ,2014-10-03, 65, ,2014-10-04, 201, ,2014-10-05, 123, ,2014-10-06, 156, ,2014-10-07, 123, ,2014-10-08, 76, ,2014-10-09, 45, ,2014-10-10, 123, ,2014-10-11, 190, ,2014-10-12, 143,
var str=" text "
var trimmedText=str.trim()//returns "text"