2017-06-17 12 views
0

{{ url('character/c1') }}localhost:8000/character/c1と書いていますが、JavaScript関数内では機能しませんでした。Forループ生成URLが機能しません

これで、代わりに正確な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> 
+0

は私の答えをチェックした経路内にあるためです。うまくいけば助けになると思う。 –

答えて

1

は、あなたのこのようforループを書く、私は自分自身をそれを把握しています。 c1get(/character/{id})

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

それは動作しませんでした、ループは何も生成されません。 –

+0

ブラウザコンソールでjsコードをデバッグする必要があります。どこが失敗しているかをチェック –

+0

SyntaxError:missing; before文[詳細はこちら] 変数は 'var url = http:// localhost:8000/character;' –

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 

前に続いて、この行を追加します。このような行を変更します。

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

window.locationはあなたに現在のURLを与えます。あなたのサーバー名だけが必要な場合はもちろんです。あなたはPHPオプションを取ることができます。

乾杯。ハッピーコーディング。

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

ここに私が持っているものがあります: 'localhost:8000/character/{{127.0.0.1:8000('character/c1 ')}}' –

+0

ありがとう、それは今働いています。 –

0

はあなたにみんなありがとう

関連する問題