如何在单击按钮时在html上显示文本文件

我有四个文本文件，我希望在浏览器上使用按钮显示它，我想在创建四个按钮时单击第一个按钮，第一个文本应该打开。请帮我解决这个问题我是HTML和PHP的新手。如何在单击按钮时在html上显示文本文件

2016-11-03 Anil

到目前为止你做了什么？ – Miuranga

为此，您需要阅读有关php文件的功能。

请参阅此链接 - http://php.net/manual/en/function.file.php

试试下面的代码：

<h2>Click</h2> 
<form action="" method="post"> 
    <button name="click" class="click">Click me!</button> 
</form> 

    <?php 
    if(isset($_POST['click'])) 
    { 
     $filename = "test.txt"; 
     $before_editing = file_get_contents($filename); 

    ?> 
<!--this is for display in table--> 
<table border="1"><tr><td><?php echo "Content of the file " . $filename . " before editing: " . $before_editing . "<br>"; ?></td></tr></table> 
<!-- this is for display in single--> 
    <?php 
     echo "Content of the file " . $filename . " before editing: " . $before_editing . "<br>"; 
     file_put_contents($filename, "test test test test test"); 
     $after_editing = file_get_contents($filename); 
     echo "Content of the file " . $filename . " after editing: " . $after_editing . "<br>"; 
    } 
    ?>

您可以取代您的文件名 “的test.txt”，因为我只是给例子给你。

来源

2016-11-03 05:08:19

非常感谢你Manthan！我还有一个请求是否可以在单击按钮数据后可以以表格格式显示？如果是的话，请你指导我？ – Anil

是的，你可以传递表格格式的HTML回声的代码，我已经显示文件的内容。 –

我已经尝试过这种方式，但仍然没有显示表格格式的数据<？php echo'

';如果（isset（$ _ POST ['click']）） { $ filename =“incomingfinal.txt”; $ before_editing = file_get_contents（$ filename）; echo“文件的内容”。 $文件名。 “在编辑之前：”。 $ before_editing。 “
”; file_put_contents（$ filename，“2”）; $ after_editing = file_get_contents（$ filename）; echo“文件的内容”。 $文件名。 “编辑完成后：”。 $ after_editing。 “
”; } echo'

'; ？> – Anil

看起来你不需要在点击按钮的触发动作上阅读文件。如果您已经阅读该文件，请将其加载到隐藏的HTML元素中，例如<div>，然后使用Javascript在点击按钮时显示该元素。

PHP：

$myFile = "file.txt"; 
    $fh = fopen($myFile, 'r'); 
    $theData = fread($fh, filesize($myFile)); 
    fclose($fh); 
    echo '<div id="hidden_content" style="display:none">'.$theData.'</div>';

HTML链接：

<a href="#" onclick="show_content()">Show it!</a>

的Javascript：

function show_content(){ 
    document.getElementByID('hidden_content').style.display = 'block'; 
}

或者你可以动态使用AJAX读取数据，并显示在页面上。

来源

2016-11-03 05:07:33

可能有点多读取4个文件到内存中，取决于它们有多大。 – akronymn

如何在单击按钮时在html上显示文本文件

回答

相关问题