使用 jQuery 解析 XML 文本

Question

我正在使用每组有 X 和 Y 点的数据库，它用于绘制图像的轮廓。

现在在我的网页端，这段代码是我用来获取积分的：

var Drawing = $(XML).find('DrawingXML');

alert($(Drawing[1]).text());

结果：

 <DrawingPoints>
   <Point><X>1</X><Y>2</Y></Point>
   <Point><X>2</X><Y>4</Y></Point>
   <Point><X>3</X><Y>5</Y></Point>
   <Point><X>2</X><Y>2</Y></Point>
   <Point><X>0</X><Y>4</Y></Point>
 </DrawingPoints>

使用 .replace() 调用只会更改一项，因此它可用于以下情况：

.replace("</DrawingPoints>",""); 

但如果我想替换所有“点”标签，我就不走运了。

我的目标是使用画布功能来绘制点，所以我希望它像这样解析：

ctx.beginPath();
ctx.moveTo(1,2);
ctx.lineTo(2,4);
ctx.lineTo(3,5);
ctx.lineTo(2,2);
ctx.lineTo(0,4);
ctx.stroke();

我不会在 IE 浏览器上仅使用 Safari/Chrome，如果有帮助的话。

Answer 1

在这种情况下，您可能会通过使用库而不是编写自己的代码来节省大量的脑力劳动。

我认为d3 可以满足您的需求：

• d3.xml
• d3.geo.path

Answer 2

查看此问题/答案。它不是特定于原型的，应该在这里对您有所帮助。

How to parse XML string with Prototype?

Answer 3

一次获取所有 X 和 Y 值：

var 点 = {};
点数.X = 数组（）；
点.Y = 数组（）；
变量 ix = 0;

$(XML).find('DrawingXML DrawingPoints Point X').each(function()
{
    points.X[ix++] = $(this).text();
});
$(XML).find('DrawingXML DrawingPoints Point Y').each(function()
{
    points.Y[ix++] = $(this).text();
});

这可能不准确，我没有测试它，我的 Javascript 有点生疏，但你明白了。