[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 >


猜你喜欢

转载自blog.csdn.net/weixin_42534940/article/details/80793060
今日推荐