Question

我想请大家帮忙，因为我还是网络编程新手。所以基本上我有这样的html表：

<table width='200' border='1'>
<TH>Year 1 Spring</TH>

<TR>
<TD>
<div id="y1f_0">one</div>
<div id="y1f_1">one</div>
</TD>
<TD>
<div id="y1s_0">two</div>
<div id="y1s_1">two</div>
</TD>
</TR>
</table>
<input  type="button" onclick="something">

例如，如果我单击按钮，它将保存上面的表并将其输出/导出为文本文件，以便稍后我想要获取该文本文件以将其导出回html表。我真的不知道怎么做，我应该使用PHP吗？非常感谢你的帮助。

Answer 1

你会使用javascript（jquery）来收集文本并将其发送到php文件以将其保存在服务器上。

javascript（jquery）的例子：

$( "#some_button" ).click(function( ){

    var file_text;

    file_text =  $( "#y1f_0" ).text( );
    file_text += $( "#y1f_1" ).text( );

    file_text += $( "#y1s_0" ).text( );
    file_text += $( "#y1s_1" ).text( );

    $.post( "save_file.php", file_data : file_text , function( data ){
        alert( data + " bytes have been written" );
    });
});

php脚本示例：

<?php
echo file_put_contents( "data.txt", $_POST[ "file_data" ] );
?>

在http://w3schools.com

上阅读jquery和php

你可以在javascript和php上找到有关$ .post和其他方法的更多信息。

如果您是网络编程的新手，可能需要一点学习才能掌握您想要做的事情。这是因为您必须学习如何获取客户端脚本（在用户的浏览器上）以连接到服务器（网站文件所在的位置）。如果您没有服务器，则需要下载一个（如apache）或注册使用一个（如godaddy.com）。有了apache，你将不得不做更多的学习，但它是免费的。否则，使用外部服务器很方便，所以一切都已经完成。

这里有一些粗略的例子：

'＃'指的是元素的id。
$（“＃some_button”）。click在用户点击与之关联的div时执行。

Answer 2

只是想补充一点，为了使上面的代码工作，我必须在file_data周围添加以下大括号：file_text

 $.post( "save_file.php", {file_data : file_text} , function( data ){
    alert( data + " bytes have been written" );
});

使用PHP / Javascript将html表转换为文本文件

2 个答案: