Как мне подойти к моей первой попытке отобразить данные Dynami c на веб-странице? - PullRequest
Новая
       3

Как мне подойти к моей первой попытке отобразить данные Dynami c на веб-странице?

1 голос
/ 23 февраля 2020

Для контекста, до сих пор я успешно создал серию стилизованных веб-страниц в html, все через HostGator. Теперь я хочу подняться и добавить динамический c контент.

Я подумал, что начну с малого (читай: это очень легко для подавляющего большинства из вас) и попробую отобразить случайную цитату каждый раз, когда я перезагружаю html страницу (возможно, затем добавляю кнопку, которая позволяет мне захватить и отобразить новую). Сначала я решил взять текстовые данные, хранящиеся в базе данных mySQL (опять же, созданные через HostGator через приложение phpMyAdmin) и отобразить их на своей странице html. Но поиск того, как это сделать, заставил меня усомниться в этом подходе.

Проблема в том, что я борюсь с неосознанием того, чего не знаю, и поэтому не зная, что гуглить для руководства.

Я поднял контекстные подсказки, пока я бродил по net, и теперь я понял, что есть несколько подходов к этому. По крайней мере, AJAX или PHP / Database.

Я ничего не знаю о PHP или методологии AJAX. Мой непрофессионал понимает, что они совершенно разные и ведут меня по разным путям развития навыков.

Итак, Мне интересно, может ли кто-нибудь посоветовать мне правильный подход к выбору новичка, который хочет сохранить импульс и продолжать играть и экспериментировать с более сложными и динамичными c концепциями . Я бы лучше выучил что-то более сложное, если бы это означало, что он направляет меня по пути, который дает больше возможностей для игры и обучения.

И, наконец, не могли бы вы указать мне на учебные ресурсы для этого подхода? Трудно найти прямое руководство для чего-то, что имеет так много решений / подходов.

Большое спасибо за любую помощь / совет!

1 Ответ

0 голосов
/ 23 февраля 2020

Хотя я не такой уж и с Javascript. Вот подход, который использует список javascript, с выбранным случайным элементом. Каждый раз, когда вы обновляете sh страницу, цитата выбирается случайным образом и вставляется в абзац с идентификатором цитаты.

Хорошая вещь в этом подходе состоит в том, что страница может быть эффективно статической / кэшированной.

Если ваш список котировок длинный, вы можете получить его с помощью http-запроса (выполните поиск JSON xmlHttpRequest). Я оставлю вас работать над тем, как добавить кнопку, чтобы получить другую цитату.

Этот пример является хорошей отправной точкой. Если это небрежно javascript, пожалуйста, не стесняйтесь редактировать, но старайтесь не терять краткость этого решения. 

<html>
    <head>
        <script type='text/javascript'>
            var quotes = [
                "There's theory and then there's application. They don't always jibe.",
                "That man's in a lot of trouble.",
                "What can I say? To us it's a slime pit, but to them it's home."
            ];

            function get_random_quote() {
                var randomItem = quotes[Math.floor(Math.random()*quotes.length)];

                return randomItem;
            }

            document.addEventListener("DOMContentLoaded", function(event) { 
                document.getElementById('quote').textContent = get_random_quote(); 
            });

        </script>
    </head>
    <body>
        <p id='quote'></p>
    </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...