HTML JQuery或PHP,将数据写入文本文件

时间:2017-06-17 21:43:18

标签: php jquery html fwrite closest

我有以下代码,它使用类"描述"来获取按钮中最接近的兄弟元素。并将其内容打印到控制台。我想将此内容写入文本文件中的特定位置。我的代码如下:

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <title></title>
</head>
<body>

    <table>
        <tr>
            <td>
                <table>
                    <tr><td>Name</td><td>Jenkins</td></tr>
                    <tr><td>Job</td><td>Accountant</td></tr>
                </table>
            </td>
            <td class="description">
                He's just a man.
            </td>
            <td>
                <button class="learn">Learn</button>
            </td>
        </tr>
    </table>

    <script type="text/javascript">
        $(".learn").click(function(){
        var data = $(this).closest("td").siblings(".description").text();
        console.log(data);
        });
    </script>
</body>
</html>

我要写的文件是这样的:

Var data = [
  {
    name: group1,
    items: [
      {
        name: "bob",
        job: "salesman",
        description: "underground comedian"
      }
    ]
  },
  {
    name: group2,
    items: [
      {
        name: "susan",
        job: "chef",
        description: "loves McDonalds"
      }
    ]
  }
]

所以我希望能够在指定的任何地方(group1或group2)创建此文本文件的新元素,并插入脚本抓取的信息。

我一直在阅读使用JS和JQuery进行此类工作我想做的并不是一个好主意,所以如果有人能解释我如何用PHP或两者结合完成这种工作我将不胜感激。

1 个答案:

答案 0 :(得分:0)

将您的JS代码更改为:

<script type="text/javascript">
    $(".learn").click(function(){
    var data = $(this).closest("td").siblings(".description").text();
    $.post('save.php', 'data=' + data); //AJAX call to save.php
    });
</script>

然后创建一个save.php文件并将其放入其中:

<?php
file_put_contents('textfile.txt', $_POST['data']);

我不确定你想如何在这个文本文件中格式化它,但这应该让你开始。