對於循環生成URL無效

Question

我想將{{ url('character/c1') }}為localhost:8000/character/c1但是在JavaScript函數中不起作用。

結果是確切的localhost:8000/{{ url('character/c1') }}鏈接。

這是我的代碼：

<script type="text/javascript">

    var characters = [
      "geer",
      "daar",
      "geet",
      "geen"
    ]

    var character = "";
    var i;

    for (i = 0; i < characters.length; i++) {
      character += "<a href=\"\{\{ url('character/c" + i + "') \}\}\"><li></li>" + "</a>";
    }

    document.getElementById('characters').innerHTML = character;
</script>

<ul id="characters"></ul>

Answer 1

在for循環之前添加此行

var url = window.location; // To get current window url
var url = "<?php echo $_SERVER['SERVER_NAME'] ?>" + ":<?php echo $_SERVER['SERVER_PORT'] ?>"; // To get your server name with Port

然后在for循環中像這樣修改行。

character += "<a href=\"\{\{" +  url + "('character/c" + i + "') \}\}\"><li><img src=\"character/list/c" + i +  "/icon.png\"></li>" + "</a>";

window.location將為您提供當前網址。 當然，如果只需要服務器名稱。 您可以使用php選項。

干杯。 快樂的編碼。

Answer 2

這樣編寫您的for循環，

var url = {{ url('character') }};
for (i = 0; i < characters.length; i++) {
  character += '<a href="' + url + '/c' + i + '"><li></li></a>';
}

Answer 3

謝謝大家，我自己弄清楚了。 這是因為c1在路由get(/character/{id})

for (i = 0; i < characters.length; i++) {
  character += '<a href="c' + i + '"><li></li></a>';
}