Ajax

<?xml version="1.0" encoding="utf-8"?>
<ztmstudio>
   <ztml>
     <lang>
       <fr>
         <srchlp><![CDATA[ajaxquery]]>
</srchlp>
         <title><![CDATA[ajaxquery]]>
</title>
</fr>
       <en>
         <srchlp><![CDATA[ajaxquery]]>
</srchlp>
         <title><![CDATA[ajaxquery]]>
</title>
</en>
</lang>
</ztml>
   <html>
     <head><![CDATA[<title>Ajax</title>
  <meta charset="utf-8" />
  <meta name="viewport" id="viewport" content="width=device-width, user-scalable=no" />
 <link rel="stylesheet" href="https://ztmstudio.com/ZTmOs.css" type="text/css" media="screen"/>  
  <link rel="icon" href="Icon/ztmos.png" type="image/x-icon"/>
  <script type="text/javascript" src="https://ztmstudio.com/ZTmStudio.js"></script>
<script type="text/javascript" src="https://ztmstudio.com/jquery-3.7.1.min.js">
</script>]]>
       <script><![CDATA[call = function (event)	{
var div=ZTmEvent(event).target;
	if (event.type=='click' && div.nodeName=='IMG') 
	{

}
	if (event.type=='click' && div.nodeName=='INPUT')  
	{
		if (/hello/.test(div.value))
		{
		
            // Requête AJAX pour récupérer le fichier XML
            $.ajax({
                url: 'ztmstudio.test.php', // URL du fichier PHP qui fournit le XML
                type: 'GET',
                dataType: 'xml', // Spécifie que la réponse attendue est un fichier XML
                success: function (data) {
                    // Parcourir les nœuds <book> dans le XML
                    $(data)
                        .find('book')
                        .each(function () {
                            var title = $(this).find('title').text();
                            var author = $(this).find('author').text();
                            var price = $(this).find('price').text();

// Ajouter les informations au DOM
                            $('#book-list').append(
                                `<li><strong>${title}</strong> par ${author} - ${price} €</li>`
                            );
                        });
                },
                error: function (xhr, status, error) {
                    console.error('Erreur lors de la récupération du fichier XML :', error);
                },
            });

}
	}
}
function ZTm(){
document.onclick=call;
}

]]>
</script>
       <style><![CDATA[.ztmarea {visibility:hidden;display:none}]]>
</style>
</head>
     <body onload="ZTm();"><![CDATA[<input id=hello type="button" value="hello">
<h1>Liste des livres</h1>
    <ul id="book-list"></ul>
]]>
</body>
</html>
</ztmstudio>