Есть ли способ получить модальное всплывающее окно Bootstrap с данными API в нем? - PullRequest
Новая
       9

Есть ли способ получить модальное всплывающее окно Bootstrap с данными API в нем?

0 голосов
/ 11 января 2019

Я хочу отображать некоторые данные в модальном всплывающем окне Bootstrap 4. Однако я получаю некоторые ошибки.

Я сделал новый включаемый файл и поместил туда весь модальный код. Во-вторых, я пошел и получил URL API, используя запрос get axios. Я могу заставить данные API отображаться на разных страницах, это просто модал, который я не могу показать, и он дает мне ошибки. Затем я передал URL API через представление. 

APP.JS
app.get('/serverstatus', async (req, res) => {
var {data} = await axios.get('https://fortnite-public-api.theapinetwork.com/prod09/status/fortnite_server_status')
res.render('serverstatus', data)
})

это ошибка, которую я получаю. 

ReferenceError: /Users/zack/code/Fortnite/views/index.ejs:1
1| <% include includes/header %>
2| <div class="container">
3|   <h4 class="text-center"><u>NEWS</u></h4>
4|   <p class="leading text-center">Updated every minute  to bring you the latest and greatest news!</p>

/Users/zack/code/Fortnite/views/includes/header.ejs:50
48|         </li>
49|       </ul>
50|       <% include serverstatus %>
51|   </nav>
52| 

/Users/zack/code/Fortnite/views/includes/serverstatus.ejs:12
10|       </div>
11|       <div class="modal-body">
12|         <%= message %>
13|       </div>
14|       <div class="modal-footer">
15|         <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>

message is not defined

Я ожидаю, что вывод покажет данные API в Модале Bootstrap 4 на панели навигации. Как я уже сказал, я могу заставить это работать на других страницах.

1 Ответ

0 голосов
/ 12 января 2019

В вашем файле app.js вы пытаетесь вернуть «данные» на serverstatus.ejs неверным способом. Правильный путь - res.render('serverstatus', {data: data}) Однако в вашем файле serverstatus.ejs вы используете «сообщение» вместо «данные». Заменить <%= message %> на <%= data %>.

...