From 2383f9d4f6aacbafe9ee749aff669c8153e21632 Mon Sep 17 00:00:00 2001
From: Aleksandr Shelkovin <shelkovin.sashka@gmail.com>
Date: Fri, 24 Jan 2025 21:01:12 +0300
Subject: [PATCH] ajax

---
 AXIOS/index.php      | 63 ++++++++++++++++++++++++++++++++++++++++++++
 AXIOS/music_html.php |  8 ++++++
 AXIOS/music_json.php | 10 +++++++
 3 files changed, 81 insertions(+)
 create mode 100644 AXIOS/index.php
 create mode 100644 AXIOS/music_html.php
 create mode 100644 AXIOS/music_json.php
diff --git a/AXIOS/index.php b/AXIOS/index.php
new file mode 100644
index 0000000..9d517ad
--- /dev/null
+++ b/AXIOS/index.php
@@ -0,0 +1,63 @@
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+    <title>MP3 Music</title>
+
+</head>
+
+<body>
+    <div id="container"></div>
+    <h1>Подгрузка записей</h1>
+    <button onclick="getFeedMusic()">getFeedMusic</button>
+    <button onclick="getJsonMusic()">getJsonMusic</button>
+    <button onclick="getFetch()">getFetch</button>
+
+    <script>
+        // const axios = require('axios');
+        let cnt = document.getElementById('container');
+        // Make a request for a user with a given ID
+        function getFeedMusic() {
+            axios.get('./music_html.php')
+                .then(function(response) {
+                    // handle success
+                    cnt.innerHTML = cnt.innerHTML + response.data;
+                })
+                .catch(function(error) {
+                    // handle error
+                    alert(error)
+                })
+                .finally(function() {
+                    // always executed
+                });
+        };
+
+        function getJsonMusic() {
+            axios({
+                    method: 'get',
+                    url: './music_json.php',
+                    responseType: 'application/json'
+                })
+                .then(function(response) {
+                    console.log(response.data);
+                });
+        }
+
+        async function getFetch() {
+            const response = await fetch('./music_json.php', {
+                method: 'get',
+            })
+            // .then(function(response){
+            //    let prom = response.json()
+            let data = await response.json();
+
+            console.log(data)
+            // });
+        }
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/AXIOS/music_html.php b/AXIOS/music_html.php
new file mode 100644
index 0000000..eb829e3
--- /dev/null
+++ b/AXIOS/music_html.php
@@ -0,0 +1,8 @@
+<?php
+
+echo <<<'HTML_END'
+<audio controls>
+<source src="music.mp3" type="audio/mpeg">
+<source src="music.ogg" type="audio/ogg">
+</audio>
+HTML_END;
diff --git a/AXIOS/music_json.php b/AXIOS/music_json.php
new file mode 100644
index 0000000..24413c8
--- /dev/null
+++ b/AXIOS/music_json.php
@@ -0,0 +1,10 @@
+<?php
+
+$feed = array(["src" => ["music.mp3", "music.ogg"]], 
+["type" => ["audio/mpeg", "audio/mpeg"]],
+["src" => ["music1.mp3", "music1.ogg"]], 
+["type" => ["audio/mpeg", "audio/mpeg"]]);
+
+header('Content-Type: application/json; charset=utf-8');
+
+echo json_encode($feed);
\ No newline at end of file
