在Js中为网站解析XML

Hy！

我是Web-Dev。我有一个mysql数据库，控制器是用PHP制作的。

我将php格式的数据返回到html。

我的任务：

如何正确解析js中的xml以获得基于HTML的视图？

如果PHP和HMTL之间的数据传输有更好的解决方案，请告诉我。我不会在php 中有HTML代码

示例PHP:

<?php
$id = $_GET['id'];
        if (is_numeric($id))
        {
            include 'db_connect.php';
            $sql = "Select * from RECIPES WHERE recipes_id=".$id;
            $result = mysql_query($sql,$db) or exit("QUERY FAILED!");
            while($row = mysql_fetch_array($result))
             {
                 echo "<RECIPE>";
                 echo "<ID>" . $row['recipes_id'] . "</ID><br />";
                 echo "<TITLE>" . $row['text'] . "</TITLE><br />";
                 echo "<TEXT>" . $row['text'] . "</TEXT><br />";
                 echo "<COUNT_PERSONS>" . $row['count_persons'] . "</COUNT_PERSONS><br />";
                 echo "<DURATION>" . $row['duration'] . "</DURATION><br />";
                 echo "<USER_ID>" . $row['user_id'] . "</USER_ID><br />";
                 echo "<DATE>" . $row['date'] . "</DATE><br />";
                 echo "</RECIPE>";
             }
        }
        else
        {
                echo "<ERROR>ID ERROR</ERRORR>";
        }
        mysql_close($db);
?>

thx

$.ajax({
  url: "script.php?parameters=abc",
  dataType: "xml",
  success: function(responseDocument){
    var all_ids = responseDocument.getElementsByTagName('ID');
    var all_ids_jquery_way = $('ID', responseDocument);
  }
});