javascript - 如何在不同行中将 axios promise 中的数据打印到我的数据库

Question

我目前遇到了问题。我正在向我的数据库发出 axios 请求，当我检索到数据时，我想将它放在一个选择表单中。我得到了成功的回应，但我只在一行中得到了结果。我试图在我的 .php 文件中放置一个 "\n"，但我总是在一行中。奇怪的是，当我看到 console.log 即时获取数据时 "\n" (所以我请求的每一项都在不同的行中，就像我想要的那样)

你能帮我解决这个问题吗？这是我的一些代码，以便您更好地理解。

谢谢!

In PHP request file:

   $result = $mysqli->query("SELECT LanguageFrenchName FROM language");

   while ($row = $result->fetch_array()){

    foreach ($row as $item) {

        echo("\n".$item);

    }
}


In Vue.js file:

methods:{
    getter_langues: function () {
                    axios.get('requete_langues.php')
                        .then(function (response) {
                            get_langues.langues = response.data;
                            console.log (response.data);
                        })
                        .catch(function (error) {
                            console.log(error);
                        });
                }
            },




![expected result showed in console.log] (https://i.ibb.co/kKQkH6Q/Capture3.png)
![actual result showed in one line in select form] (https://i.ibb.co/QXGhWs0/Capture5.png)

Answer 1

您的 API 应以标准格式返回响应，例如JSON 或 XML。 JSON 显然是首选，因为您使用 JavaScript。查看本教程，了解如何在 PHP 中将数据转换为 JSON:https://www.w3schools.com/js/js_json_php.asp