如何在不打开的情况下访问外部链接,只需加载它即可

时间:2016-07-18 07:56:41

标签: javascript php jquery ajax url

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

我有arduino webserverwebserver

我的arduino server可以通过url

接收数据

192.168.1.2?light=1 - 点亮

192.168.1.2?light=0 - 点亮

它工作正常,但问题是当我将该链接放在网站上的任何位置(在按钮或只是普通链接中)arduino server在浏览器中打开时,是否可以使用{加载{ {1}},ajaxjs或仅使用jquery

3 个答案:

答案 0 :(得分:3)

假设你有一个带有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;
    });
});

答案 1 :(得分:0)

如果想在网页上使用此链接,则需要(需要jQuery):

$.get('http://192.168.1.2?light=1', function(response) {
  console.log(response);
});

答案 2 :(得分:0)

你可以试试这个。

$(".yourAtag").click(function(e){
    e.preventDefault();
    $.ajax({url: this.href, success: function(result){
        alert('success!');
    }});
});