通过网页使用硬件

通过网页使用硬件

关注
发信
关注(28)粉丝(399)

通过网页使用硬件

本文介绍了通过网页使用硬件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

因此，我试图制作一个网页，点击Memory按钮后，它会做两件事：


  1. 它将设置我在硬件代码中写入的云功能，并相应地执行操作，并且
  2. 它将完全转到另一个网页。

然而，当我尝试做到这一点时，它不起作用。我不确定硬件是否能得到正确的信息（还没有测试过），但我应该能够进入下一页。通过测试，如果 $。post（requestURL，{params：thisGame，access_token：accessToken}）; 被注释掉，它会进入下一页。



请大家多多支持 

 <！DOCTYPE HTML> 
< html> 
< body> 
< input id =Memory Buttontype =buttonvalue =Memory Gameonclick =myFunction1（'Memory'）/> 
 
< script language =javascripttype =text / javascript> 
 
 var deviceID =设备ID; 
 var accessToken =访问令牌; 
 var baseURL =https://api.particle.io/v1/devices/; 
 var whichGame =setGame; 
 
函数myFunction1（thisGame）
 {
 var requestURL =https://api.spark.io/v1/devices/+ deviceID +/+ whichGame + /？access_token =+ accessToken; 
 
 $ .post（requestURL，{params：thisGame，access_token：accessToken}）; 
 
 myFunction2（）; 
} 
 
函数myFunction2（）
 {
 window.location.href ='http://twin-cities.umn.edu/'; 
} 
 
< / script> 
< / body> 
< / html>


解决方案

在头文件中包含jquery cdn：

 < script src =https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery .min.js>< /脚本>

您可以尝试使用以下代码的AJAX： 

  var ajax = $ .ajax（{
 url：yourURL，
 data：data，
 type：'POST'，
 beforeSend：function（xhr）{
 xhr.setRequestHeader（token，token_value）; //将标记附加到标题
}，
 error：function（response）{// if服务器
出现问题console.log（response）; 
 alert（出错了，请稍后再试。）; 
}，
 success：function（response） {
 //调用你想在这里调用的函数
} 
}）;

其中'data'是包含所有要发送的数据的字符串化对象。


So, I am trying to make a web page that, after the button for Memory game is clicked it will do two things:

  1. It will set the cloud function I wrote in the hardware's code and act accordingly and
  2. It will go to another web page entirely.

However, when I try to make it do this, it doesn't work. I am not sure if the hardware is even getting the correct message (haven't tested it yet) but I should be able to go to the next page. Through testing, it goes to the next page if the $.post( requestURL, { params: thisGame, access_token: accessToken }); is commented out.

Please, any assistance is much appreciated

<!DOCTYPE html>
<html>
    <body>
        <input id="Memory Button" type="button" value="Memory Game" onclick="myFunction1('Memory')"/>

        <script language="javascript" type="text/javascript">

            var deviceID = "device id";
            var accessToken = "access token";
            var baseURL = "https://api.particle.io/v1/devices/";
            var whichGame="setGame";

            function myFunction1(thisGame)
            {
                var requestURL = "https://api.spark.io/v1/devices/" + deviceID + "/" +   whichGame + "/?access_token=" + accessToken;

                $.post( requestURL, { params: thisGame, access_token: accessToken });

                myFunction2();
            }

            function myFunction2()
            {
                window.location.href = 'http://twin-cities.umn.edu/';
            }

        </script>
    </body>
</html>
解决方案

Include the jquery cdn in the header like this:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

And you may try using AJAX with the following code:

var ajax = $.ajax({
        url: yourURL,
        data: data,
        type: 'POST',
        beforeSend : function(xhr) {
            xhr.setRequestHeader("token", token_value);         //append token to header
        },
        error : function(response){                     //if something went wrong on server
            console.log(response);
            alert("Something went wrong. Please try later.");
        },
        success: function(response){
            //call the function you wanted to call here
        }
    });

Where 'data' is a stringified object containing all the data you want to send.

这篇关于通过网页使用硬件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

09-05 21:50
Powered by LMLPHP ©2024 通过网页使用硬件 0.038292