Question

我只是想创建一个按钮，当我点击它时，它将读取我在与此php文件相同的目录中的文本文件。我创建这个代码但是当我点击按钮时没有任何反应..我做错了什么？有人可以帮助我，因为我是php和javascript的初学者。谢谢，

<!DOCTYPE html>
<html>
<body>



<button onclick="read()">Click me</button>

<p id="demo"></p>

<script>
function read(){
  
$myfile = fopen("lala.txt", "r") or die("Unable to open file!");
echo fread($myfile,filesize("lala.txt"));
fclose($myfile);

}
</script>

</body>
</html>

Answer 1

如果您想使用javascript中的click进行阅读，可以像这样使用AJAX

的index.html

<html>
<title>Your Page</title>
<script>
function load()
{
    var xmlHttpRequest;
    if (window.XMLHttpRequest)
    {
        xmlHttpRequest = new XMLHttpRequest();
    }
    else
    {
        xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");            
    }

    xmlHttpRequest.onreadystatechange=function()
    {
        if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){
            document.getElementById("ajaxInfo").innerHTML = xmlHttpRequest.responseText;
        }
    }

    xmlHttpRequest.open("GET", "ajax_file.txt",true);
    xmlHttpRequest.send();
}

</script>
</head>
<body>
<div id="ajaxInfo"> </div>
<button type="button" onclick="load()">Go!</button>
</body> 
</html>

和一些文本文件，如ajax_file.txt

Your file to read here, everything

Answer 2

JavaScript and PHP are two different things.

就我的JavaScript知识而言，您无法使用标准JavaScript直接从文件系统中读取文件。如果您正在使用NodeJS，那么您可以因为它扩展了标准JS 在JS中读取文件的唯一方法是对文件发出GET个请求：

var xhr = new XMLHttpRequest();
xhr.open("GET", "relative/path/to/file.txt", false);
xhr.send()
console.log(xhr.responseText);

这将同步请求服务器上的文件（阻止请求）并将其内容记录到JavaScript控制台。

一个php按钮不能在点击时调用一个函数

2 个答案: