如何在VSCode中通过Axios向在线PHP接口提交数据并保留去重功能？

当然可以用Axios实现你的需求！我们完全可以去掉HTML页面，直接在VSCode里运行的Node.js程序中发送POST请求到你的在线PHP接口，同时保留PHP里的重复文本删除功能。下面是具体的实现步骤：

1. 安装Axios #

首先在你的Node.js项目目录下打开终端，安装Axios依赖：

npm install axios

2. 编写Node.js程序（program.js） #

创建或修改你的program.js文件，用Axios发送包含username的POST请求到PHP接口。注意要带上submit_btn字段，因为你的PHP代码是通过判断这个字段是否存在来触发写入逻辑的：

const axios = require('axios');

// 这里替换成你要提交的username数据，可以是变量或者固定值
const usernameToSubmit = "test_user_001";

// 替换成你的在线PHP文件的实际URL
const phpApiUrl = "http://your-online-server-url/submit.php";

async function submitUsername() {
    try {
        const response = await axios.post(phpApiUrl, {
            username: usernameToSubmit,
            submit_btn: "Submit" // 匹配PHP里的判断条件
        }, {
            // PHP的$_POST默认接收表单格式的请求，所以需要转换数据格式
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
            },
            transformRequest: [(data) => {
                // 把JSON对象转换成表单编码格式
                return new URLSearchParams(data).toString();
            }]
        });

        console.log("提交成功，PHP返回：", response.data);
    } catch (error) {
        console.error("提交失败：", error.message);
        if (error.response) {
            console.error("服务器返回状态码：", error.response.status);
            console.error("服务器返回内容：", error.response.data);
        }
    }
}

// 执行提交函数
submitUsername();

3. 保留PHP文件的原有功能 #

你的PHP文件不需要做太大改动，它的去重逻辑本来就会在每次访问时执行（不管是否提交了新数据）。如果想优化成仅在提交新数据后才执行去重，可以把去重的代码移到if(isset($_POST['submit_btn']))的代码块里，比如：

<?php
if(isset($_POST['submit_btn'])) {
    $username = $_POST['username'];
    $text = $username ."\n";
    $fp = fopen('data.txt', 'a+');
    if(fwrite($fp, $text)) {
        echo 'saved';
    }
    fclose ($fp);

    // 把去重逻辑移到这里，仅在提交成功后执行
    $lines = file("data.txt");
    $lines = array_unique($lines);
    $file = fopen("datacurated.txt", "w");
    fwrite($file, implode("", $lines));
    fclose($file);
}
?>

注意事项 #

• 确保你的PHP服务器允许接收外部POST请求，没有跨域或者权限限制。
• 替换代码中的phpApiUrl为你在线PHP文件的实际地址。
• 如果你的PHP已经配置了可以接收JSON格式的请求（比如用file_get_contents('php://input')解析），可以去掉headers和transformRequest的配置，直接发送JSON数据。

内容的提问来源于stack exchange，提问作者user17112451