javascript - 获取 ajax 响应中 JS 对象的引用

Question

我正在通过ajax加载一个包含JS对象的html页面。如何获取父页面对新加载(子)页面内的对象的引用？

父级:

//parent.html

<script>

    function ParentObject() {
        this.children = new Array();
    }

    var aParentObject = new ParentObject();

    $.get('/url/to/child.html', function(data) {
        $("#child-div").html(data);
    });

</script>

child :

//child.html

<div>Some html element</div>

...

<script>
    function ChildObject() {
        this.someProperty = "I'm a Child";
    }

    var aChildObject = new ChildObject();
</script>

Answer 1

声明新变量时应该使用 var

var aChildObject = new ChildObject();

当您附加包含 jscript 的 html 时，该脚本将执行，并且您将在该点之后获得引用。因此，您必须确保在插入子变量后可以访问它。

$.get('/url/to/child.html', function(data) {
    $("#child-div").html(data);
    //Access your child here
    alert(aParentObject.someProperty);
});