对于循环生成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>';
}