Изменить изображение в зависимости от значения свойства XML - PullRequest
0 голосов
/ 10 октября 2018

В приведенном ниже фрагменте я хочу иметь возможность изменять изображение в зависимости от значения внешнего XML-файла, используя json и ajax.Например, если значение 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>

Буду признателен за любую идею или фрагмент для достижения моей цели.Заранее спасибо!

1 Ответ

0 голосов
/ 10 октября 2018

Несмотря на то, что я делаю JSON, я попытаюсь ответить.

Получите ваши данные XML с помощью ajax.
затем напишите функцию, которая будет вызываться в 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 для получения данных.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...