Question

我正在使用AJAX进行练习，并且我遇到了一个html页面，该页面响应用户点击按钮，显示特定的html文件;

这是我的代码：

<!DOCTYPE hmtl>
<html>
<body>
    <button type="button" name="button1" >button1</button>
    <button type="button" name="button2" >button2</button>
    <button type="button" name="button3" >button3</button>
    <button type="button" name="button4" >button4</button>
    <hr/>
    <p id="demo">visualize document HERE!</p>
</body>

<script>

var documenti= document.getElementByTagName("button");
for(var i=0; i<documenti.length; i++) {
    documenti[i].onclick= loadDoc;
}

function loadDoc() {
    var httpreq= new XMLHttpRequest();
    httpreq.onreadystatechange= caricaDocumento;
    httpreq.open("GET", "this is the file I'm trying to visualize!" ,         true);
    httpreq.send();
}

function handleResponse(e){
    if(e.target.status==200 && e.target.readyState==XMLHttpRequest.DONE) {
        document.getElementById("demo").innerHTML= e.target.rensponseText;
    }
}
</script>
</html>

如果我想使用我的电脑上的html文件，我怎么能在属性url中指定它？如果我正确理解，url参数是我需要服务器的文档的URL，但是如果该文档不在服务器上？

Answer 1

如果我想使用我的电脑上的html文件，我如何在属性url中指定它？

您需要一个网址。

这可以是file:方案网址（出于安全原因许多浏览器会阻止XMLHttpRequest），或者，如果您在计算机上运行网络服务器，则http:（或https: ）URL。

后一种选择更可靠，因此选择一些网络服务器软件并使用它。

AJH中的参数url，XMLHttpRequest.open（）

1 个答案: