使用網頁上的按鈕打開URL

Question

我想制作一個簡單的網站，將結合使用tasker和autoremote來控制我的android手機。 打開此鏈接：

https://autoremotejoaomgcd.appspot.com/sendmessage?key=APA91bHfsnJn7b1EgvnoROOPLBUiy4aIFMxPkF9shm7Z-XUfG7dxBfUR4CGc1K2NYl73FjvCB9OitNRHwUbG0xz17yq8LZa09rBrXcoqDKdLM-fIf8W97d6JbdnJxyvNYlWUZvhqzmsDMWPLqk6KBqyPfy6NRIy8AVYXkB4xQJ0eiAaF6m2FkGI&message=Forward

將使我的電話說“轉發”。 我將有4個按鈕，向前，向左，向右，向后。 這是一個簡單的學校項目，在該項目中，一個戴着褶皺的人將由我的手機控制說出方向。

我需要一個可以打開該URL的按鈕，但不能轉到該站點或離開我的站點。 這是可能的嗎？

Answer 1

您可以使用JavaScript在該頁面的后台發送AJAX請求。

在您的HTML中，您可能會有類似以下內容：

<input type="button" value="Forward" class="movement-btn-f" /><br />
<input type="button" value="Back" class="movement-btn-b" /><br />
<input type="button" value="Left" class="movement-btn-l" /><br />
<input type="button" value="Right" class="movement-btn-r" />

然后在您的JavaScript中，如下所示：

$(document).ready(function() {

    $('.movement-btn-f').click(function() {
        $.get("your forward URL here");
    });

    $('.movement-btn-b').click(function() {
        $.get("your back URL here");
    });

    // etc...

});

要使用它，您需要包括jQuery庫（請參閱： http : //www.jquery.com ）。

您可能想查看文檔（ http://api.jquery.com/jquery.get/ ），看看如何使用成功回調函數等待命令發送並同時阻止其他命令，但這取決於您的應用程序。