如何使用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

Answer 2

'<a href="#" onclick="methodName('+JSON.stringify(object)+');">Click here</a>'

正如您在javascript中所做的那样，它应该是字符串。 因此，您可以这样做。

试试这个小提琴