how to generate html with javascript method and object parameter -

how to generate html with javascript method and object parameter -

i'm generating link in javascript

ex. <a href="#" onclick="opencontactdetailpage('+json.stringify(contact)+')">'+ formattedname + '</a>

however, quotes aren't escaped in object doesn't work.

the original link had :

<a href="#" onclick="opencontactdetailpage('+contact+')">'+ formattedname + '</a><

this shows [object] text not actual object. sense there has easy solution can't seem find it.

update: fixed links less generic

you can following:

$(document).ready(function(){ var contacts = {one:'john', two: 'anne'}; (var prop in contacts) { var $anchor = $('<a href=""></a>').text(prop) .click(function(e){ e.preventdefault(); method({hi:'hi'}); }); $('#contacts').append($anchor).append('<br/>'); } }); function method(myobject){ var $response = $('#response'); (var prop in myobject) { $response.append(prop).append('<br/>'); } }

check jsfiddle

javascript html dynamic javascript-objects