Passing JSON as parameter to a Javascript method

Question

I am new to Javascript. I am writing a Java code which internally write code to call predefined Javascript method.

I have a Javascript method defined as:

  function myfunction(url, params) {
        $.post(url, params);
  }

This send params which is a JSON to the URL as post (I suppose).

My Java code generate HTML on the fly which internally generate something like:

<iframe onLoad="myfunction(myinternal, {"system":"abcdef", "token": "12345"})"> ......

However, this fails to run. Page inspection gave me:

SyntaxError: invalid property id
       myfunction(myinternal, {
                               ^

What did I do wrong here?

Many thanks

You are ending the attribute with your second ". Either wrap the attribute in ' or use javascript to capture the onload event. — kalley
– kalley, Commented Jul 8, 2013 at 15:39
Also note that what you are calling "a JSON" is in fact a Javascript object literal. — lonesomeday
– lonesomeday, Commented Jul 8, 2013 at 15:41

jrthib · Accepted Answer · 2013-07-08 16:19:24Z

8

Your HTML has syntax errors. Should be more like this:

<iframe onLoad="myfunction(myinternal, {\"system\":\"abcdef\", \"token\": \"12345\"})">

or wrap in a single quote:

<iframe onLoad='myfunction(myinternal, {"system":"abcdef", "token": "12345"})'>

EDIT: (per first comment)

<iframe onLoad="myfunction(myinternal, {&quot;system&quot;:&quot;abcdef&quot;, &quot;token&quot;: &quot;12345&quot;})">

edited Jul 8, 2013 at 16:19

answered Jul 8, 2013 at 15:40

jrthib

1,3091 gold badge12 silver badges18 bronze badges

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

2 Comments

René Wolferink Over a year ago

The first solution is not correct, html does not allow escaping like that. You should use " in that case.

jrthib Over a year ago

Thanks @RenéWolferink, I will edit the solution to eliminate confusion.

i_am_jorf · Accepted Answer · 2013-07-08 15:40:26Z

2

You need to escape your quotes inside the json object.

answered Jul 8, 2013 at 15:40

i_am_jorf

54.8k15 gold badges136 silver badges225 bronze badges

Comments

thibauts · Accepted Answer · 2013-07-08 15:40:46Z

1

You used double quotes " in your JSON. They are interpreted by the HTML parser as the end of the onLoad attribute.

Try with single quotes, like this :

<iframe onLoad="myfunction(myinternal, {'system':'abcdef', 'token': '12345'})">

answered Jul 8, 2013 at 15:40

thibauts

1,6489 silver badges8 bronze badges

Collectives™ on Stack Overflow

Passing JSON as parameter to a Javascript method

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related