I want to call a jquery variable in php syntax

Question

I want to call a jQuery variable in PHP syntax.

$('.card').on('click', function() {
cardID = $(this).attr('id');
$('#card-front-img').html('<img src="{{ asset("public/nfc-assets/cards-imgs/'+cardID+'/front-preview.png") }}">');

at +cardID+ I want to pass card id dynamically. But by this code, It print +cardID+ as a string.

what is the datatype of javaScript variable you are passing? — juntapao
– juntapao, Commented Oct 20, 2017 at 6:22
in your example, cardID is a string, so there is nothing wrong here — juntapao
– juntapao, Commented Oct 20, 2017 at 6:28
I dont understand what php have to do with this question? i only see jquery being used — Gerrie Pretorius
– Gerrie Pretorius, Commented Oct 20, 2017 at 6:36

shukshin.ivan · Accepted Answer · 2017-10-20 06:28:47Z

1

You actually can't pass js-variable into blade syntax since you can't execute browser code in a php code. You have to change approach. Manipulate with img path right in the js code.

$('.card').on('click', function() {
    var cardID = $(this).attr('id');
    var imgPath = '{{ asset("public/nfc-assets/cards-imgs/cardID/front-preview.png") }}';
    $('#card-front-img').html('<img src="' + imgPath.replace('cardID', cardID) + '">');
});

answered Oct 20, 2017 at 6:28

shukshin.ivan

11.4k4 gold badges58 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Satpal · Accepted Answer · 2017-10-20 06:27:28Z

0

You can pass JavaScript variable directly.

However you can create asset url with a placeholder, which can be replaced later.

$('.card').on('click', function () {
    //Create a URL with placeholder
    var str = '{{ asset("public/nfc-assets/cards-imgs/__REPLACE_WITH_CARD_ID__/front-preview.png") }}';

    //Replace placeholder with card id
    str = str.replace('__REPLACE_WITH_CARD_ID__', $(this).attr('id'));

    //Use variable
    $('#card-front-img').html('<img src="' + str + '">');
});

answered Oct 20, 2017 at 6:27

Satpal

134k13 gold badges168 silver badges171 bronze badges

Comments

apelidoko · Accepted Answer · 2017-10-20 07:05:33Z

0

I see your problem,

Your problem is not php, but the way you append the variable,

Remove your blade syntax since it is not recognize inside jquery and also rewrite your quotes,

Replace it with this

$('#card-front-img').html("<img src='/public/nfc-assets/cards-imgs/"+cardID+"/front-preview.png'>");

answered Oct 20, 2017 at 7:05

apelidoko

7901 gold badge7 silver badges25 bronze badges

Collectives™ on Stack Overflow

I want to call a jquery variable in php syntax

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related