javascript - 在元素列表 json 之后缺少 ]

Question

我试图在 onclick 事件上调用 getPointOnMap 函数，并给它一个 json 对象作为参数。

这里是代码示例:

$.ajax({
    type: "POST",
    url: "/getResult.json",
    success: function(result) {
        var html = '';
        for (var i = 0; i < result.length; i++) {
            var obj = result[i];
            html += "<input type='checkbox' onClick='getPointOnMap(" + obj + ")'/>" + obj.address + "<br>";
        }
        $("#myDiv").append(html);
    }
});

这里是函数 getPointOnMap

function getPointOnMap(object) {
    map.addMarker({
        lat: object.lattitude,
        lng: object.longtitude,
        click: function(e) {
            alert('You clicked in this marker');
        }
    });
}

firebug 输出(也在问题名称中):

SyntaxError: missing ] after element list

getPointOnMap([object Object])

我应该怎么做才能传递正确的对象？

Answer 1

我认为不允许重新发布问题，无论如何你应该通过 DOM 而不是字符串来创建你的 HTML 输入，这样你就可以将处理程序附加到函数而不是在“onclick”上。

$.ajax({
    type: "POST",
    url: "/getResult.json",
    success: function(result) {
        for (var i = 0; i < result.length; i++) {
            (function (n) {
                var obj = result[i],
                    element = $("<input>", {type: "checkbox"});
                element.click(function () {
                    getPointMap(obj);
                });
                $(document.body).append(element, obj.address + "<br />");
            })(i)
        }
    }
});