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

Question

我正在我的 JavaScript 中生成一个链接

例如。 <a href="#" onClick="openContactDetailPage('+JSON.stringify(contact)+')">'+ formattedName + '</a>

但是，引号在对象中并未转义，因此它实际上不起作用。

我原来的链接是:

<a href="#" onClick="openContactDetailPage('+contact+')">'+ formattedName + '</a><

这仅显示 [Object] 文本，而不是实际对象。我觉得必须有一个简单的解决方案来解决这个问题，但我似乎找不到它。

更新:修复了不太通用的链接

Answer 1

您可以执行以下操作:

$(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/>');
    }
}

检查这个jsfiddle