Javascript 如何在服务器端侦听客户端事件
我正在使用HTML5视频元素 我正在使用JavaScript处理视频元素,并检查他们是否观看了整个视频 但我的问题是,一旦视频完成“ONENED”,我需要触发一个c#函数,该函数将更新他们观看视频的数据库 我花了很多时间试图弄清楚如何从JavaScript调用c#函数,我在JavaScript中进行测试,但放弃了 是否可以从服务器端侦听客户端事件?这样我就可以监听“onended”,一旦触发事件,我就可以使用它来更新数据库。或者有没有一种方法可以为视频元素创建服务器端事件 是否可以从服务器端侦听客户端事件 对。通过使用客户端(JavaScript)事件调用服务器端事件 以jQuery和ASP.NET Web API为例,如下所示:Javascript 如何在服务器端侦听客户端事件,javascript,c#,html,Javascript,C#,Html,我正在使用HTML5视频元素 我正在使用JavaScript处理视频元素,并检查他们是否观看了整个视频 但我的问题是,一旦视频完成“ONENED”,我需要触发一个c#函数,该函数将更新他们观看视频的数据库 我花了很多时间试图弄清楚如何从JavaScript调用c#函数,我在JavaScript中进行测试,但放弃了 是否可以从服务器端侦听客户端事件?这样我就可以监听“onended”,一旦触发事件,我就可以使用它来更新数据库。或者有没有一种方法可以为视频元素创建服务器端事件 是否可以从服务器端侦听
// Server-Side
public void VideoWatcherController : ApiController
{
[HttpPost]
public void RegisterWatchedVideo([FromBody]string id)
{
// do server side actions here.
}
}
// Client Side
$('#yourVideoElement').on('ended', function() {
$.post('http://yourwebsitename.com/api/VideoWatcher', userId);
});
但很少有警告。从不同的域访问Web API时要小心。注意IE对视频标签的限制
关于原因的附加说明http://yourwebsitename.com/api/VideoWatcher
用于:
ASP.NET Web API的默认路由是API/{controller}/{id}
(其中id是可选的)。注意这里没有{action}
问题:现在如何路由控制器中使用的操作/方法
答案在使用的HTTP动词中。
因此,由于我们在这里使用POST,因此路由将查找具有[HttpPost]
属性的操作/方法。
更多信息。这应该是一个POST,而不是GET,因为它正在修改服务器上的状态。您是否还需要在回调POST URL中指定控制器操作?@im1dermike否,因为我基于Web API的默认路由:
API/{controller}/{id}
(其中id是可选的)啊。因此,对于非API控制器只有{controller}/{action}/{id}
吗?@im1dermike对于MVC控制器,是是否可以从服务器端侦听客户端事件代码>这就是服务器的定义@梅森投票给诙谐的人comment@mason哈哈,你抓住我了…现在说真的。