如何使用javascript检测外部文件中的数据？

Question

我通常使用“getElementById（）”来检测内部文件数据。我试过这个来检测来自外部文件的数据，但它不起作用：

<script>
var outterPage ="dom1.html";
var temp=outterPage.getElementById("abc").innerHTML;
</script>

如何从外部文件中检测数据？

Answer 1

您可以使用jQuery函数$.get将URL的内容读入变量。然后你可以将它解析成一个DOM元素来查找它的一部分。

$.get("dom1.html", function(data) {
    var temp = $("<div>", { html: data }).find("#abc").html();
    // do something with temp
});

您还可以在$.get的URL参数中指定ID，因此jQuery将只返回该部分页面的内容。

$.get("dom1.html #abc", function(temp) {
    // do something with temp
});

Answer 2

您可以使用jquery .load()将外部文件加载到dom元素中，然后获取其值。

<script>
$(document).ready(function(){
$("#holder").load("dom1.html");
var temp=$("#holder").find("#abc").innerHTML;
});
</script>