Trying to call js function from php and pass php html string as argument

Question

Here is the problem which I am facing.

 echo "<script type='text/javascript'>window.insertCartInHeader({$cart});</script>";

$cart variable is holding HTML block of code. I get Uncaught SyntaxError: Unexpected token <

Solution?

window.insertCartInHeader = function(cart){ 
    console.log(cart)
    var list = $("#top-links").append('<ul id="cart-header"></ul>').find('#cart-header');
    list.append('<li>'+cart+'</li>');
}

Here is the string which I am passing

'<div id="cart">


  <button type="button" data-toggle="dropdown" data-loading-text="Loading..." class="heading dropdown-toggle">

  <div class="pull-left flip"><h4></h4></div><span id="cart-total">0 item(s) - £0.00</span></button>


  <ul class="dropdown-menu">


    <li>

      <p class="text-center">Your shopping cart is empty!</p>

    </li>


  </ul>

</div>

' (length=402)

Why the curly braces? Strings are wrapped in quotes.

user5734311
– user5734311

2017-02-06 15:40:14 +00:00
Commented Feb 6, 2017 at 15:40 — user5734311
– user5734311, Commented Feb 6, 2017 at 15:40
show insertCartInHeader please

Fanyo SILIADIN
– Fanyo SILIADIN

2017-02-06 15:40:44 +00:00
Commented Feb 6, 2017 at 15:40 — Fanyo SILIADIN
– Fanyo SILIADIN, Commented Feb 6, 2017 at 15:40
Did you just edit your question but ignore my comment...?

user5734311
– user5734311

2017-02-06 15:44:20 +00:00
Commented Feb 6, 2017 at 15:44 — user5734311
– user5734311, Commented Feb 6, 2017 at 15:44

Marcos Casagrande · Accepted Answer · 2017-02-06 15:51:36Z

2

You need to add quotes ("), to let javascript know it's a string, and you should use addslashes, since you may have classes or attributes in that html.

echo "<script type='text/javascript'>window.insertCartInHeader(\"". addslashes($cart) . "\");</script>";

Without addslashes something like this, won't work:

$html = '<h1 class="hi">It works</h1>';

For multiline html, this should work.

str_replace("\n", "\\", addslashes($cart));

You can improve that replace, but you get the idea.

edited Feb 6, 2017 at 15:51

answered Feb 6, 2017 at 15:44

Marcos Casagrande

40.7k11 gold badges93 silver badges107 bronze badges

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

4 Comments

Nikanor Over a year ago

Uncaught SyntaxError: Invalid or unexpected token

Marcos Casagrande Over a year ago

I tried it with my HTML, and it works, post the entire string in $cart.

Marcos Casagrande Over a year ago

@Nikanor I believe you're still having an Issue because your code is multiline. you need to escape newlines with "\".

Nikanor Over a year ago

just succeded with tilda characters around {$cart}. Thanks for the tip, yea multiline is the problem here.

Collectives™ on Stack Overflow

Trying to call js function from php and pass php html string as argument

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related