如何使用javascript方法和对象参数生成html

如何使用javascript方法和对象参数生成html,javascript,html,dynamic,javascript-objects,Javascript,Html,Dynamic,Javascript Objects,我正在javascript中生成一个链接 例如 但是,引号不会在对象中转义,因此它实际上不起作用 我的原始链接是: 您可以执行以下操作: $(document).ready(function(){ var contacts = {one:'John', two: 'Anne'}; for (var prop in contacts) { var $anchor = $('<a href=""></a>').text(prop)

我正在javascript中生成一个链接

例如

但是,引号不会在对象中转义,因此它实际上不起作用

我的原始链接是:


您可以执行以下操作:

$(document).ready(function(){
    var contacts = {one:'John', two: 'Anne'};  
    for (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');

    for (var prop in myObject) {
        $response.append(prop).append('<br/>');
    }
}
$(文档).ready(函数(){
var contacts={1:'John',2:'Anne'};
用于(触点中的var prop){
var$anchor=$('').text(prop)
。单击(功能(e){
e、 预防默认值();
方法({hi:'hi'});
});
$(“#联系人”).append($anchor.append(“
”); } }); 函数方法(myObject){ var$response=$(“#response”); for(myObject中的var prop){ $response.append(prop.append(“
”); } }
选中此项
正如您在javascript中所做的那样,它应该是字符串。所以你可以这样做


试试这个

对象应该是什么?您正在尝试对
对象执行方法吗?如果没有,那么
methodName
应该怎么做?@rogers先生,我正试图将对象传递给methodName方法。该对象是一个具有名称、ID等的联系人。我正在javascript中动态生成href,以便在加载DOM时它不在那里。它基本上是生成一个联系人列表,当用户单击其中一个联系人时,我希望通过将所选联系人对象传递给方法来加载该联系人的详细信息页面,以呈现其联系人,这实际上就是我所拥有的,我更新了我的问题(漫长的一天)。问题是stringify没有转义字符,所以当您看到它生成的链接时,它看起来是这样的:
onclick=“methodName({“id”:“001”…
,并抱怨一个无效的
{
字符。
'<a href="#" onclick="methodName('+JSON.stringify(object)+');">Click here</a>'