Arduino Ethernet Shield网页服务器：点击链接后清除参数并强制刷新

我之前在做类似的家庭自动化服务器时，也踩过参数残留导致重复触发指令的坑，结合你的场景（SD卡加载HTML、平板持续连接），给你几个接地气的解决方案：

方案一：前端JS拦截+AJAX无刷新处理（最适合平板场景） #

这个方案不用频繁刷新页面，完美适配平板持续连接的需求，核心思路是不让浏览器直接跳转带参数的URL，而是用AJAX悄悄给Arduino发指令，然后修改地址栏去掉参数，必要时再加载新页面内容。

把你HTML里的普通链接改成带JS事件的按钮/链接：

<!-- 替换原来的 <a href="?turnsomethingon"> 为以下内容 -->
<a href="#" onclick="runAction('turnsomethingon', 'index.html')">打开设备</a>
<a href="#" onclick="runAction('switchtoconfig', 'config.html')">切换配置页面</a>

<script>
function runAction(action, targetPage) {
  // 1. 用AJAX给Arduino发送指令，不跳转页面
  let xhr = new XMLHttpRequest();
  xhr.open('GET', '/?' + action, true);
  xhr.onload = function() {
    if (xhr.status === 200) {
      // 2. 替换浏览器历史记录，把地址栏改成干净的URL
      window.history.replaceState({}, document.title, '/' + targetPage);
      
      // 3. 如果需要切换页面，用AJAX加载新的HTML内容（不用整页刷新）
      if (targetPage !== window.location.pathname.slice(1)) {
        let pageXhr = new XMLHttpRequest();
        pageXhr.open('GET', '/' + targetPage, true);
        pageXhr.onload = function() {
          if (pageXhr.status === 200) {
            document.documentElement.innerHTML = pageXhr.responseText;
          }
        };
        pageXhr.send();
      }
    }
  };
  xhr.send();
  return false; // 阻止默认的跳转行为
}
</script>

这个方法的好处是：平板页面不会频繁刷新，地址栏始终是干净的URL，刷新页面也不会重复触发指令，而且页面切换是局部更新，体验更流畅。

方案二：Arduino后端重定向兜底（兼容无JS的设备） #

如果担心有些设备不支持JS（比如老旧浏览器），可以在Arduino端处理完指令后，给浏览器返回重定向响应，让浏览器自动跳转到不带参数的页面。

Arduino代码片段（替换你原来的参数检测逻辑）：

void handleClient() {
  EthernetClient client = server.available();
  if (client) {
    String request = client.readStringUntil('\r');
    
    // 检测并处理指令
    if (request.indexOf("?turnsomethingon") != -1) {
      // 执行你的操作：比如控制继电器、更新状态
      turnOnDevice();
      
      // 返回重定向，让浏览器跳转到根页面
      client.println("HTTP/1.1 303 See Other");
      client.println("Location: /");
      client.println("Connection: close");
      client.println();
      client.stop();
      return;
    }
    
    if (request.indexOf("?switchtoconfig") != -1) {
      // 执行页面切换逻辑（比如记录要加载的页面）
      targetPage = "/config.html";
      
      // 重定向到配置页面
      client.println("HTTP/1.1 303 See Other");
      client.println("Location: /config.html");
      client.println("Connection: close");
      client.println();
      client.stop();
      return;
    }
    
    // 正常加载SD卡上的HTML页面
    File webFile = SD.open(targetPage);
    if (webFile) {
      client.println("HTTP/1.1 200 OK");
      client.println("Content-Type: text/html");
      client.println("Connection: close");
      client.println();
      while(webFile.available()) {
        client.write(webFile.read());
      }
      webFile.close();
    }
    client.stop();
  }
}

这里用303 See Other状态码，是HTTP标准里专门用来处理“操作完成后重定向”的，浏览器收到后会自动跳转到指定的干净URL，不会保留原来的参数，彻底避免刷新重复触发。

方案三：结合两种方案，双重保障 #

如果你想兼顾兼容性和流畅性，可以把两个方案结合：前端用AJAX处理，后端仍然保留重定向逻辑。这样即使JS失效，后端的重定向也能保证参数被清除；JS生效时，用户体验更好。

额外提示：避免重复触发的小技巧 #

• 在Arduino端给每个指令加一个状态标记，比如执行turnsomethingon后，记录当前设备状态，下次收到相同参数时，如果状态已经是开启，就跳过执行。
• 用client.readStringUntil('\r')读取请求时，记得处理完后清空请求字符串，避免残留。

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