如何在服務器端偵聽客戶端事件

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 /方法。 更多信息在這里 。