Question

是否可以访问另一个文件中的var或函数？在这种情况下，当用户点击#linkajax时，他可以获得var test中的内容吗？我该怎么做？我试过这个并没有用

JQUERY AJAX：

$("#linkajax").click(function(){
    $("#target").load("extern.html");
    $('#target').text(test);
});

INDEX.HTML：

<div id="linkajax">just clic!</div>
<br>
<div id="target"></div>

EXTERN.HTML：

<script type="text/javascript">
var test = "test text"; 
</script>

Answer 1

是的，当文件加载时，它是可能的。尝试使用jQuery.ajax()（如果external.html位于同一个域中）：

jQuery.ajax({
   url: "external.html",
   dataType: "html",
   success: function (data) {
        html = jQuery.parseHTML(data, document, true);
        jQuery("#target").append(html);
        jQuery("#target").text(test);
    }
});

Answer 2

如果你想最终将JS变量的结果加载到元素中，那么JSON比加载HTML更好，解析其中的脚本以填充全局变量，然后读取该变量以填充div因此替换刚刚加载的HTML。为此，请使用ajax()代替load()，如下所示：

$("#linkajax").click(function(){
    $("#target").ajax("EXTERN.JSON",{
        dataType: 'json',
        success: function(data) {
            $('#target').text( data.test );
        }
    });
});

EXTERN.JSON的内容将是：

{"test":"test text"}

Answer 3

我认为您想要访问在异步加载的另一个javascript文件中某处定义的变量。您可以参考POST作为参考。

希望有所帮助......

访问另一个文件中的var

3 个答案: