Question

在下面的代码片段中，我希望能够根据使用json和ajax的外部XML文件的值来更改图像。例如，如果BASIC的值为1:00，则图像将为1.png；如果值为12:00，则图像将变为2.gif。我曾尝试在Google中搜索安静时间，但没有任何运气。尽管我相信我可以使用GET方法导入XML文件的值，但是我不确定如何将XML的值传递到javascript对象中并从那里执行函数。

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
</head>

<body>

  <head>
</head>

<img src="http://pluspng.com/img-png/dbz-png-imagenes-que-les-volaran-la-mente-2-imagenes-900.png" style="width: 400px; height: 500px;">
  

</body>

</html>

<?xml version="1.0"?>
<Objects>
  <Object Type="System.Management.Automation.PSCustomObject">
    <Property Name="Label1" Type="System.String">BASIC</Property>
    <Property Name="Label2" Type="System.String">1:00</Property>
  </Object>
</Objects>

将感谢您实现我的目标的任何想法或摘要。预先感谢！

Answer 1

即使我使用JSON，也要尝试回答。

使用ajax获取XML数据。
然后编写一个要在onreadystatechange中调用的函数。
函数调用应如下所示：myFunction(this);
像这样写你的函数：

function myFunction(stuff)
{
 var myStuff = stuff.responseXML;
 var s = myStuff.getElementsByTagName("Object");
 //your if statement here

}

使用s[0].getElementsByTagName("TITLE")[0].childNodes[1].nodeValue获取数据。

根据XML属性的值更改图像

1 个答案:

即使我使用JSON，也要尝试回答。