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

I usually use "getElementById()" to detect internal file data . I tried this to detect data from an external file but its not work :

我通常使用“getElementById()”来检测内部文件数据。我试过这个来检测来自外部文件的数据,但它不起作用:

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

what can i do to detect data from external file ?

我该怎么做才能从外部文件中检测数据?

2 个解决方案

#1

You can use the jQuery function $.get to read the contents of a URL into a variable. Then you can parse that into a DOM element to find parts of it.

您可以使用jQuery函数$ .get将URL的内容读入变量。然后,您可以将其解析为DOM元素以查找其中的一部分。

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

You can also specify the ID in the URL argument to $.get, so jQuery will just return the contents of that part of the page.

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

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

#2

You can use jquery .load() to load the external file into a dom element and then get its value.

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

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

#1