[html] 点击html界面button,实现http请求发送,原界面不做跳转

预期实现的功能:

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 >


  • 7
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值