javascript - 如何在不打开外部链接的情况下访问它，只需加载它

Question

也许是一个奇怪的标题，但我只想这样做:

我有一个 arduino webserver 和一个 webserver

我的arduino服务器可以通过url接收数据

192.168.1.2?light=1 - 灯亮

192.168.1.2?light=0 - 熄灭

它工作得很好，但问题是当我将该链接放在网站上的任何位置(在按钮中或只是普通链接中)arduino 服务器 在浏览器中打开时，是否有可能只使用 ajax、js 或 jquery 或仅使用 html 加载它？

Answer 1

假设您有一个使用 jQuery 的网页。

HTML

<a class="access-only" href="http://192.168.1.2?light=1">Turn on the light</a>
<a class="access-only" href="http://192.168.1.2?light=0">Turn off the light</a>

JS

$(document).ready(function() {
    // Attach click handler to all "access-only" links.
    $('a.access-only').click(function() {
        // Once the link is clicked, access its URL with a GET request.
        $.get($(this).attr('href'), function(response) {
            // Do nothing here, the URL has been accessed.
        });

        // Return false to prevent the browser's default click action.
        return false;
    });
});