javascript - 使用网页上的按钮打开 URL

Question

我打算制作一个简单的网站，该网站将结合使用 Tasker 和自动远程控制来控制我的 Android 手机。打开此链接:

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

会让我的手机说“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/) 并了解如何使用成功回调来等待命令发送并同时阻止其他命令，但这取决于您的应用程序。