Witajcie
W projekcie symfony w szablonie twig obrazek wstawiam w ten sposób:

[PHP] pobierz, plaintext 
{% set zmienna='images/ksiazki/'~book.source~'.jpg' %}  
<div class="book-image"><img src="{{asset(zmienna)}}" class="img-responsive"/></div>
[PHP] pobierz, plaintext 

Jak w tymże szablonie zrobić to samo w javascripcie/jquery? Próbuję tak:

[PHP] pobierz, plaintext 
 var zmienna='images/ksiazki/'+data[i]['source']+'.jpg' 
<div class="book-image"><img src="{{asset(zmienna)}}" class="img-responsive"/></div>
[PHP] pobierz, plaintext 

Z góry dzięki za pomoc

Przedstawię sprawę inaczej. Chcę zrobić wyszukiwanie/filtrowanie wyników z wykorzystaniem jquery:

1. W widoku mam pole z filtrem. Pobieram dane, wysyłam żądanie do konterolera.
2. W kontrolerze pobieram dane z bazy . Na końcu wstawiam return new jsonResponse($dane)
3. Dane wracają do poprzedniego widoku. Poprzez parametr success wyświetlam dane. Wszystko działa dobrze, poza wyświetleniem obrazka. W bazie mam zapisane nazwy plików. Próbuję zrobić coś takiego

[PHP] pobierz, plaintext 
     var zmienna='images/ksiazki/'+data[i]['source']+'.jpg' 
    <div class="book-image"><img src="{{asset(zmienna)}}" class="img-responsive"/></div>
[PHP] pobierz, plaintext 

Pierwsze pytanie jakie mam to czy moje postępowanie jest prawidłowe? Być może inaczej powinienem wykonać te funkcjonalność? Być może jest możliwość żeby wynik dzialania ajax przekazać do głównej części widoku (jako zmienną {{dane}} zamiast do javascriptu.

Assety z tego co kojarzę są po stronie serwera, a nie przeglądarki. Tam trzeba podać zmienną w twigu, a nie zmienną JS.
Ale mogę się mylić.

<script>
var image_path = '{{ asset('your/path/to/image') }}';
</script>