Ajax请求第二次没有工作,为什么?

时间:2016-04-13 21:21:48

标签: javascript php

我的PHP文件运行电机,Forward.php使它们朝向一个方向,Backward.php则相反。出于某种原因,当我打开页面时,例如我按下向上按钮它工作正常,电机向前运行。那一切都出错了。如果我再次向前推进没有任何事情发生大约10秒钟,那么电机突然变得奇怪并开始抖动。

如果我打开index.html然后按向前,那么我刷新页面并再次按向前工作正常...但如果我刷新页面然后按下向下按钮电机再次变得奇怪而不是工作正常。

但是,如果我从终端运行电机代码,无论我运行多少次,它们都能以任何顺序正常工作。我知道电机代码很好,我不认为这是pi的问题,但网站...如果我从终端运行电机后网站搞砸了,那么即使在终端他们也不能正常运行。

php文件使用system:(" python /var/www/html/Forward.py),这已在终端中自行测试,并且工作正常。

任何帮助将不胜感激

这是我的代码:

<html>
<head>

<title>RC car Control Website</title>
<link href="Website.css" rel="stylesheet">
</head>

<body>

<header>Website Controlled RC Car</header>

<button type="button" id="up"> <img src="images/up" width="50" height="50">        </button><br>

<button type="button" id="down"> <img src="images/down" width="50"     height="50"/></button><br>

<button type="button" id="right"> <img src="images/right" width="50" height="50"/></button><br>

<button type="button" id="left"> <img src="images/left" width="50" height="50"/></button><br>

<script type ="text/javascript"     src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type ="text/javascript">
$(document).ready(function () {

    var xhr;
        $("#up").mousedown(function() {
    $.ajax ({
                method: "GET",
                url: "http://192.168.1.94/Forward.php",
 });
 });

     $("#up").mouseup(function() {  
    $.ajax ({
            method: "GET",
                url: "http://192.168.1.94/MotorStop.php",});
                });    
});
</script>

<script type ="text/javascript"         src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type ="text/javascript">
 $(document).ready(function () {

    var xhr;
        $("#down").mousedown(function() {
    $.ajax ({
                method: "GET",
                url: "http://192.168.1.94/Backward.php",
     });
     });

     $("#up").mouseup(function() {  
    $.ajax ({
                method: "GET",
                url: "http://192.168.1.94/MotorStop.php",});
                });    
 });
</script>

</body>

</html>

1 个答案:

答案 0 :(得分:0)

我认为鼠标功能,你不能重复,你只需要一个鼠标功能

$("#up").mouseup(function() {  
    $.ajax ({
                method: "GET",
                url: "http://192.168.1.94/MotorStop.php"
            });
});