javascriptでエラーが発生する関数

Question

私は動的リストを作成しています。これは、HTMLで表示私のソース

$('#friend_list').prepend('<div class="row friend margin-bottom"><div class="col-sm-2 text-primary"></div><div class="col-sm-3 text-primary">'+pending[index]['friendUname']+'</div><div class="col-sm-3 text-primary"></div><div class="col-sm-2 text-primary"></div><div class="col-sm-2 text-primary"><a onclick="accept_request('+pending[index]['friendUname']+','+getSession('uname')+')" href="#">ACCEPT</a></div></div>'); 

結果であり、私は私のページの下部にある機能を持っている

<div class="row friend margin-bottom"> 
    <div class="col-sm-2 text-primary"></div> 
    <div class="col-sm-3 text-primary">alizia</div> 
    <div class="col-sm-3 text-primary"></div> 
    <div class="col-sm-2 text-primary"></div> 
    <div class="col-sm-2 text-primary"> 
      <a onclick="accept_request(alizia,saad)" href="#">ACCEPT</a> 
    </div> 
</div> 

です。

function accept_request(frienduname,uname){ 
    console.log(frienduname + '.....' + uname); 
} 

ボタンをクリックすると、次のエラーが表示されます。

Uncaught ReferenceError: alizia is not defined(…) VM11593 friends.html:1

Answer 1

あなたは、変数ではないaliziaとsaadのための文字列を渡されました。 Rory McCrossanは彼のコメントでこれを指摘した。

javascriptに文字列を含めるようにhtmlを変更する必要があります。これは、関数に渡す変数の前後に一重引用符を追加することによって行います。

<a onclick="accept_request('alizia','saad')" href="#">ACCEPT</a>