预期实现的功能:
1. 点击界面上的一个按钮,出发JavaScript动作
2. 在JavaScript中,实现http请求发送
3. 原有界面保持不变(即点击按钮之后不能做页面跳转)
实现要点:利用JavaScript的XMLHttpRequest请求对象
参考链接:
https://jingyan.baidu.com/article/95c9d20d7bc617ec4f756150.html
示例:
1. 定义JavaScript方法(该方法可以用来发送一个POST请求,并且发送内容“F”):
<
script
>
function
down(){
var
url =
"http://192.168.1.101:9090"
var
request =
new
XMLHttpRequest();
request.
open(
"POST",
url);
request.
send(
"F")
}
<
/
script
>
2. 在html中实现按钮点击动作:
<
span
id=
"car_control"
class=
"car"
>
<
button
class=
"top"
onmousedown=
"down()"
onmouseup=
""
>F
</
button
>
<
button
class=
"left"
onclick=
""
>L
</
button
>
<
button
class=
"right"
>R
</
button
>
<
button
class=
"bottom"
>B
</
button
>
</
span
>