Search jQuery

jQuery Forum

I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

in Using jQuery • 2 years ago

Hello,

I'm building with PHP an HTML string and then I want to put it in the html of the div (On this moment I don't know anymore how this called, sorry):

jQuery('#searchresults').html(<?php echo htmlspecialchars('<table id="table_id" class=""><thead><tr><th></th><th></th><th>voornaam</th><th></th><th>Achternaam</th><th>Volledige naam</th><th>Categorie</th></tr></thead><tbody>'); ?>);

I have bring it back to just a simple hardcoded string.

In my console.log I get the message: SyntaxError: expected expression, got '&', and I don't see it in my div.

The result in the code of webdevelopment tools is:

jQuery('#searchresults').html(<table id="table_id" class=""><thead><tr><th></th><th></th><th>voornaam</th><th></th><th>Achternaam</th><th>Volledige naam</th><th>Categorie</th></tr></thead><tbody>);

I'm using firefox as browser.

I can't find how to solve it. If I google than I find the same message only with the difference as in my case the character '&'.

When I get this working than the next step will be to replace with HTML string which I will create PHP and remove the linebreaks and white spaces.

I hope that someone can point me in the right direction.

Thanks in advance.

Nico

Replies(9)

jakecigar

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

2 years ago

You have a PHP problem.

Don’t use htmlspecialchars. It does all the wrong things.

And html(…) takes a quoted string, not a bunch of unquoted characters.

JΛ̊KE

Nico111

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

2 years ago

Thanks JΛ̊KE.

Ok, than this is working!

But I used htmspecialchars because of otherwise I get the error "SyntaxError: '' string literal contains an unescaped line break"

This is a PHP html code for example:

$html = ' <div><table id="table_id" class="">
                <thead>
                    <tr>
                        <th></th>
                        <th></th>
                        <th>voornaam</th>
                        <th></th>
                        <th>Achternaam</th>
                        <th>Volledige naam</th>
                        <th>Categorie</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td></td>
                        <td><input type= "text" id=filter_id" name="filter_id" value=""></td>
                        <td><input type= "text" class="filter_field" id=filter_vnam" name="filter_vnam" value="filter op voornaam"></td>
                        <td><input type= "text" id=filter_tnam" name="filter_tnam" value=""></td>
                        <td><input type= "text" class="filter_field" id=filter_anam" name="filter_anam" value="filter op achternaam"></td>
                        <td><input type= "text" class="filter_field" id=filter_fnam" name="filter_fnam" value="filter op Volledige naam"></td>
                        <td class="form-group pull-right">
                            <select class="filter_field form-control" id=filter_catg" name="filter_catg">
                                <option value="">Sort By</option>
                                <option value="Senior">Senior</option>
                                <option value="Junior">Junior</option>
                                <option value="Jeugd">Jeugd</option>
                                <option value="Mini">Mini</option>
                                <option value="Recreant">Recreant</option>
                                <option value="Vereniging">Verenigingslid</option>
                            </select>
                        </td>
                    </tr>
                </tbody>
                </table><br />
                <div class="col-md-9">
                <br />
                    <div class="row filter_data"></div>
                </div>';

1e. --**************************************************************

Than this is my jQuery code:

jQuery('#searchresults').html('<?php echo $this->form->getInput('employees'); ?>');

The error message in the console log:

SyntaxError: '' string literal contains an unescaped line break

So that was the reason that I have tried with the method "htmspecialchars". This is the console output:

jQuery('#searchresults').html(' <div><table id="table_id" class="">

2nth --**************************************************************

Than I tried without single quotes:

jQuery('#searchresults').html(<?php echo $this->form->getInput('employees'); ?>);

Then I get the error:

SyntaxError: expected expression, got '<'

The console output is than:

jQuery('#searchresults').html( <div><table id="table_id" class="">

3th --**************************************************************

I have also been trying with preg_replace to remove the linebreaks and white space like:

preg_replace('/[ \t]+/', ' ', preg_replace('/\s*$^\s*/m', "\n", $this->form->getInput('employees')))

But this was giving me the error:

SyntaxError: expected expression, got '<'

4th --**************************************************************

And the last one:

jQuery('#searchresults').html(<?php echo $this->form->getInput("employees"); ?>);

gives the output as above given:

jQuery('#searchresults').html( <div><table id="table_id" class="">
                <thead>
                    <tr>
                        <th></th>
                        <th></th>
                        <th>voornaam</th>
                        <th></th> ....etc.

But the I get the error:

SyntaxError: expected expression, got '<'

And still nothing assigned to the #searchresults div????

This should work but I can't find what the reason is why it goes wrong and were it does goes wrong.

Nico

jakecigar

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

2 years ago

You can use backticks (`).

jQuery('#searchresults').html(`<?php echo $this->form->getInput("employees"); ?>`);

Or, you can "JSON ENCODE" the string.

jQuery('#searchresults').html(<?php echo json_encode($this->form->getInput("employees")); ?>);

But this is a PHP problem. You need to find a PHP forum for this kind of problem.

JΛ̊KE

Nico111

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

2 years ago

Hello JΛ̊KE,

Thanks, Thanks, Thanks, json_encode is the trick, I have not been thinking about that one.

I don't know why this is working, it is a 'string'.

But ok, voor now it is working and also assigned to the #searchresult!

I had also tried backticks but was also not working.

Thanks.

Nico

jakecigar

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

2 years ago

Backticks don’t work in ancient versions of IE, some LAN versions of IE, or if you actually have backticks in the string. O`Malley would cause the problem!

JΛ̊KE

Nico111

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

2 years ago

Hello,

This was the best solution so far. I build that piece of code with PHP, than I come on another PHP file with al the layout and there I have that line with.

jQuery('#searchresults').html(<?php echo json_encode($this->form->getInput("employees")); ?>);

This is working.

Now I have extend my code with a Ajax part which is working. I build the same table again with jQuery like:

var html = `<table id="table_id" class="">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th></th>
                                        <th>voornaam</th>
                                        <th> etc....

Again I get exact the same error!

Now I found this page. I have on this moment used backtics and now it is working. Maybe I will use the + operator or the / slash.

On this moment I do not know which solution is better. Is one of the preferable?

(BTW, I think I'm gonna change my PHP part as well)

Thanks in advance,

Best regards.

Nico

jakecigar

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

2 years ago

I would judge you on the fact that you use PHP. Too many PHP sites are layers of hacks that have been copied from one site to another.

json_encode works like magic, backticks have less typing. The rest are very old style…

JΛ̊KE

Nico111

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

2 years ago

Hello JΛ̊KE,

I don't know If I understand you by "I would judge you on the fact that you use PHP".

In my last post than I'm not using PHP, it is all jQuery and than I get the same issue.

I found the page. of Mozilla and there you see three different possible solutions for this issue with jQuery (javascript).

So I thought maybe someone does have experience and would say don't use backticks it is old fashioned or whatever?

Thanks

Best Regards,

Nico

jakecigar

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

2 years ago

jQuery was one of the first and probably the best library at the time. It and other libraries are less popular now. I rarely use it myself anymore.

I am the ONLY person who regularly responds to questions here. I am the admin as well.

PHP is equally old. Although I am PHP-conversant, I don’t use it. For me, it’s gone the way of Perl.

JΛ̊KE

Top Reply

Response title

Attachments

jQuery Forum

I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

Replies(9)

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

Re: I get the error: "SyntaxError: expected expression, got '&'", What is the root cause of this? I don't know what to do

Statistics

Tags

Actions