javascript: pass object to a javascript created from string

Question

Is this possible to pass an Object to a javascript when it is created from a string ?

I tried this, but it don't look to work :

var myobject = {name:"auto",color:"blue"};

var btn = "<button type='button' onclick='myfunc(" + myobject + ");'>Edit</button>";

If I inspect the onclick event, the object look like : [object Object]

You can do this, but you would need to encode it to be a string. You can use JSON.stringify() for this. And then, you would need to escape for HTML (or set the attribute value directly). Really though, don't do what you're doing. Add an appropriate event handler and make this much easier on yourself. Also consider using data-* attributes if data on the element is more appropriate, and then you can assign a single click handler for all your buttons. — Brad
– Brad, Commented Jun 16, 2014 at 15:12
Rule of thumb: when working in JavaScript, prefer DOM manipulation over string manipulation. — Felix Kling
– Felix Kling, Commented Jun 16, 2014 at 15:18

alexeybondarenko · Accepted Answer · 2014-06-16 15:18:07Z

1

Maybe it's possible, but it's very wrong practice.

Better is, using second function:

var myobject = {name: "auto", color: "blue"},
    btn = "<button type='button' onclick='myfunc2()'>Edit</button>",
    myfunc = function(obj) {
        // some function
    },
    myfunc2 = function() {
        myfunc(myobject);
    };

Using JSON object format make your app open for any injections. So, try to refactor your code. And make sure, that you really need it.

answered Jun 16, 2014 at 15:18

alexeybondarenko

781 silver badge8 bronze badges

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

Comments

john Smith · Accepted Answer · 2014-06-16 15:12:39Z

-1

you could stringify the object like :

"(" + JSON.stringify(myobject) + ")"

i wonder why you do not simply

 onclick='myfunc(myobject);'

if myobject variable is set at the moment you click it will suit

answered Jun 16, 2014 at 15:12

john Smith

18k12 gold badges80 silver badges124 bronze badges

1 Comment

Brad Over a year ago

This is not enough. Data would also need to be escaped for HTML.

Collectives™ on Stack Overflow

javascript: pass object to a javascript created from string

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related