<MyRusakov.ru />

Создание игр на Unreal Engine 4

Создание игр на Unreal Engine 4

Данный курс научит Вас созданию игр на Unreal Engine 4. Курс состоит из 12 модулей, в которых Вы с нуля освоите этот движок и сможете создавать самые разные игры.

В курсе Вы получите всю необходимую теоретическую часть, а также увидите массу практических примеров. Дополнительно, почти к каждому уроку идут упражнения для закрепления материала.

Помимо самого курса Вас ждёт ещё 5 бесплатных ценных Бонусов: «Динамическая смена дня и ночи», «Создание динамической погоды», «Создание искусственного интеллекта для NPC», «Создание игры под мобильные устройства» и «Создание прототипа RPG с открытым миром».

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Как можно прочитать и получить данные из XML-файла в JavaScript?

Как можно прочитать и получить данные из XML-файла в JavaScript?

Доброго времени суток! В данной статье я покажу Вам как можно прочитать и получить данные из XML-файла в JavaScript.

<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

    <title>Tasks</title>
</head>
<body>

    <template id="tasksTable">
        <table class="table" id="tasks">
            <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Задача</th>
                    <th scope="col">Описание</th>
                </tr>
            </thead>
            <tbody>
            <!-- Task Table Row -->
            </tbody>
        </table>
    </template>


    <div class="container">

        <div class="jumbotron mt-3" style="text-align: center;">
            <h1 id="headerTitle">Список задач</h1>
        </div>

        <div id="app"></div>

    </div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
    <script src="script.js"></script>
</body>
</html>

XML-файл с данными:

<?xml version="1.0" encoding="utf-8" ?>
<tasks>
    <task id="1">
        <name>Научиться работать с XML в JavaScript</name>
        <description>
            Надо посмотреть как открыть, записать и сохранить значение в XML файл на JS
        </description>
    </task>
    <task id="2">
        <name>Научиться работать с XML в JavaScript</name>
        <description>
            Надо посмотреть как открыть, записать и сохранить значение в XML файл на JS
        </description>
    </task>
    <task id="3">
        <name>Научиться работать с XML в JavaScript</name>
        <description>
            Надо посмотреть как открыть, записать и сохранить значение в XML файл на JS
        </description>
    </task>
</tasks>

JavaScript код

'use strict';

/**
 * Main entry
 */
$(function () {

    let
        app = $('#app'), // ссылка на контейнер приложения
        tasksTable = document.querySelector('#tasksTable'), // ссылка на базовый шаблон списка задач
        tasksFile = 'tasks.xml'; // файл с задачами


    // GET запрос на получение данных из xml файла
    const RequestObject = {

        url: tasksFile,
        method: 'GET',
        dataType: 'xml',
        async: true,
        success: (resp) => {

            // при успешном выполнении запроса
            let tableRow = '';

            // найти все задачи и пройтись по ним
            // сформировав заполненный данными html шаблон
            $(resp).find('task').each((index, item) => {

                // получаем ссылку на задачу
                const _item = $(item);

                // и вытаскиваем из нее данные
                const
                    id   = _item.attr('id'),
                    name = _item.find('name').text().trim(),
                    desc = _item.find('description').text().trim()

                //console.log(id, name, desc)

                // формируем шаблон
                tableRow += `
                    <tr>
                        <th scope="row">${id}</th>
                        <td class="tr-edit">${name}</td>
                        <td class="tr-edit">${desc}</td>
                    </tr>
                `
            });

            // добавляем в текст страницы содержимое базового шаблона
            app.html(tasksTable.content);
            let tasks = $('#tasks');

            tasks.find('tbody').html(tableRow)
        },

        // ошибку выводим в консоль
        error: (error) => console.log(error)
    }

    // здесь непосредственно выполняем запрос
    $.ajax(RequestObject);

});

Вот таким образом, мы можем прочитать XML-файл в JavaScript.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

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

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.