如何在服务器端侦听客户端事件

Question

我正在使用HTML5 Video元素。

我正在使用JavaScript来处理视频元素并检查他们是否观看了整个视频。

但我的问题是，一旦视频完成“onended”，我需要触发ac＃功能，它将更新我的数据库，他们观看了视频。

我花了很多时间试图弄清楚如何从JavaScript中调用ac＃函数，我正在进行测试并放弃。

是否可以从服务器端侦听客户端事件？ 这样我就可以收听“onended”，一旦事件被解雇，我可以用它来更新数据库。 或者有没有办法为视频元素创建服务器端事件？

Answer 1

是否可以从服务器端侦听客户端事件？

是。 通过使用客户端（JavaScript）事件来调用服务器端事件。

以jQuery和ASP.NET Web API为例，它将如下所示：

// 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时要小心CORS 。 并注意IE对视频标签的限制。

有关使用http://yourwebsitename.com/api/VideoWatcher的原因的附加说明 ：

ASP.NET Web API的默认路由是api/{controller}/{id} （其中id是可选的）。 请注意，那里没有{action} 。

问题： 路径现在如何使用控制器中的哪个动作/方法？

答案在于使用的HTTP动词。 因此，由于我们在这里使用POST，然后路由查找具有[HttpPost]属性的action /方法。 更多信息在这里 。