XMLHttpRequest.open(）AJAX中的参数url

parameter url in XMLHttpRequest.open() AJAX

本文关键字：参数 url AJAX open XMLHttpRequest      更新时间：2023-09-26

我正在练习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，但如果这个文档不在服务器上？

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

您需要一个URL。

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

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

相关文章：