发送 URL 请求,无需离开页面
send URL request, without leaving page
我有一个网页,有一个流媒体网络摄像头。摄像机使用摄像机内部 Web 服务器上的脚本进行平移和倾斜。我无法修改脚本,它的输出是一个显示"OK"的网页。
当用户访问我的页面时,我希望他们能够使用箭头键平移相机,但没有发送请求的脚本,使用相机流离开页面。此源将平移相机,但您必须单击返回才能进入流。这是我的来源:
<head>
<?php
$url = "http://Camera-server-IP/decoder_control.cgi?user=admin&pwd=password&command=2";
?>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).keypress(function (e){
if(e.keyCode == 37) // left arrow
{
window.location.href = <?php echo "'"" . $url . "'""; ?>;
}
else if(e.keyCode == 38) // up arrow
{
$(window.location.href = "http://Camera-server-IP/decoder_control.cgi?user=admin&pwd=password&command=6");
}
else if(e.keyCode == 39) // right arrow
{
window.location.href = "http://Camera-server-IP/decoder_control.cgi?user=admin&pwd=password&command=4";
}
else if(e.keyCode == 40) // Down arrow
{
window.location.href = "http://Camera-server-IP/decoder_control.cgi?user=admin&pwd=password&command=0";
}
});
</script>
<title>Navigation</title>
</head>
<body>
<br><h2>use arrows to navigate.</h2>
<iframe src="http://Camera-server-IP/videostream.cgi?user=user&pwd=Password" width="330" height="260"></iframe>
</body>
</html>
相机服务器 IP 是实际的相机 Web 服务器地址。为什么每个导航箭头的完成方式都不同?因为我正试图弄清楚这一点。
我该怎么做才能使用箭头键将 URL 请求发送到摄像机,但同时停留在摄像机流式传输的页面上?
页面正在向前移动,因为您正在将窗口位置设置为新链接。您要做的是使用 AJAX 进行调用,该调用之后应该会让您留在当前页面上。JQuery 不是必需的,但会让你的事情变得更容易。
使用 Jquery 的示例:
if(e.keyCode == 38) // up arrow
{
$.get("http://Camera-server-IP/decoder_control.cgi?user=admin&pwd=password&command=6", function() {
//on successful call
});
}
您可以在 https://api.jquery.com/jquery.get/查看有关使用 jquery 的请求的更多信息
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- 使用php或javascript从facebook相册URL中删除多余的部分
- Angular JS IE9 Hashbang url rewriting
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- 直接下载文件,而不是从window.open(url)
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- 通过js在新选项卡中有条件地打开url
- CKFinder 3为所选文件返回错误的URL
- 如何获取不属于我项目的上一页的URL
- ReactJS映射:如何仅在url变量不为空时呈现html链接
- 在URL中传递JS对象
- 将纯文本URL转换为可单击链接
- Javascript html每点击一次就会更改url
- 以角度管理动态URL
- 离开url时淡出页面(以及登录时淡入页面)
- 发送 URL 请求,无需离开页面
- 在不离开页面的情况下触发API url
- 另一个“;如何在不离开网页的情况下改变URL”;
- 当用户滚动离开时,如何从URL中剥离散列片段
- 在进入/离开页面时,在url中添加字符串.这可能吗?