Question

我希望能够在Bootstrap 4 Modal Popup中显示一些数据，但是出现一些错误。

我制作了一个新的包含文件，并将所有模态代码放在其中。其次，我使用axios get请求获取了API URL。我可以将API数据显示在不同的页面上，这只是我无法显示的Modal，它给了我错误。然后，我通过视图传递了API URL。

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

我希望输出在导航栏中的Bootstrap 4 Modal中显示API数据。就像我说的那样，我可以在其他页面上使用它。

Answer 1

在您的app.js文件中，您试图以错误的方式将“数据”返回到serverstatus.ejs。正确的方法是res.render('serverstatus', {data: data})，但是在serverstatus.ejs文件中，您使用“消息”而不是“数据”。将<%= message %>替换为<%= data %>。

有没有办法在其中包含API数据的Bootstrap Modal弹出窗口？

1 个答案: