GET XML данные на странице HTML, используя AJAX

Question

Я искал получение XML данных на своей странице html уже несколько дней, и я до сих пор не могу заставить его работать.

Я следовал многим учебникам, но не могу найти самый простой способ - просто сбросить данные xml на странице html.

Мои XML данные создаются сценарием php.

<exemple>
<data> Hello</data>
<data> World</data>
</exemple>

У меня есть Я видел людей, использующих все виды технологий, таких как angular. js и длинный сценарий, но я чувствую, что все просто для простого "печати".

Я знаю PHP, и я Я просто включил бы или сделал эхо для этого.

Самый простой скрипт, который я нашел (но не могу заставить его работать), был таким:

function showGetResult( )
    {
      jQuery.ajax({
        url: 'localhost/test/test.php',
        type: 'get',
        dataType: 'text/xml',
        success:function(data)
        {
          alert(data);
          document.write(data);
        }
      });
    }

showGetResult();

Мой вопрос:

Могу ли я действительно надеяться сделать скрипт таким простым? Angular js помог бы мне, если бы все мое приложение получало данные из базы данных, используя php - xml - ajax?

Я очень плохо знаком с ajax, поэтому, пожалуйста, снисходительны. Большое спасибо

Answer 1

Что ж, поскольку stackoverflow - это место, где люди просматривают вопрос, опубликованный 5 минут go, потому что они думают, что это глупо. (фактически единственный форум, который я знаю, где вы боитесь оставлять тупой вопрос), я спросил где-то еще, и мне удалось сделать рабочий сценарий Вот оно.

Я загружаю текстовый файл, когда вы нажимаете на кнопку.

function submitForm1()
    {
        var req = null;
        document.getElementById("dyn1").value="Started...";
        if (window.XMLHttpRequest)
        {
            req = new XMLHttpRequest();
        }
        else if (window.ActiveXObject)
        {
            try {
                req = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e)
            {
                try {
                    req = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }
        req.onreadystatechange = function()
        {
            document.getElementById("dyn1").value="Wait server...";
            if(req.readyState == 4)
            {
                if(req.status == 200)
                {
                    document.getElementById("dyn1").value=req.responseText;
                }
                else
                {
                    document.getElementById("dyn1").value="Error: returned status code " + req.status + " " + req.statusText;
                }
            }
        };
        req.open("GET", "helloworld.txt", true);
        req.send(null);
    }

</script>

<form name="ajax1" method="POST" action="">
    <p><input type="BUTTON" value="Envoyer" onclick="submitForm1()"></p>
    <p>Reçu:
        <input type="text" id="dyn1" size="32" value=""></p>
</form>