如何使用AJAX传输值。

时间:2016-04-19 16:56:47

标签: javascript php jquery html ajax

我想将值发送到php脚本(servo.php)。然后php脚本应该将接收到的值写在一个文件中(在我的例子中是/ dev / servoblaster)。

HTML文件的脚本部分(index.html):

<script>
function tiltt() { var tilt = document.getElementById("tiltRange").value;
                   document.getElementById("tilt_Range").innerHTML = tilt; 
                   var xhttp = new XMLHttpRequest(); 
                   xhttp.open("GET", "servo.php?dir=45", true); xhttp.send();}
</script>

HTML文件的正文部分(index.html):

<body>
    <button onclick="tilt()">Tilt</button>

    <input type="range" id="tiltRange" value="0" max="50" min="-50">

    <text id="tilt_Range"></text>
</body>

我的问题:我如何发送滑块的值(tiltRange-value)?而不是“45”。

您可以在此处找到HTML文件和PHP文件:

HTML:Pastebin HTML PHP:Pastebin PHP

我的最终目标是发送tiltRange值并将其写入/ dev / servoblaster。

1 个答案:

答案 0 :(得分:0)

您可以修改上面的代码,只需在AJAX网址中附加范围值...

xhttp.open("GET", "servo.php?dir=" + tilt, true);