支持 聯繫支持 | 系統狀況 系統狀態

顯示 Players

在此示例中,您輸入帳戶用戶名,ID和密碼。 點擊該按鈕後,HTML無序列表將顯示該帳戶 players。 對於每個 player 練習 player 將顯示ID,名稱和創建日期。

概述

要了解有關此示例應用程序的體系結構的一般方法,特別是身份驗證和AJAX實現,請參閱 使用HTTPRequest的示例.

應用架構

此應用程序的高級應用程序邏輯如下:

  1. 收集訪問帳戶所需的用戶數據
  2. 單擊按鈕後,執行AJAX調用以檢索所有 player 信息
  3. 在AJAX呼叫成功時,執行以下操作:
    • 將JSON響應數據注入HTML頁面
    • 動態構建顯示的HTML player 信息在有序列表中,並將其註入HTML頁面

示例應用

在中找到與此示例相關的所有代碼 這個GitHub倉庫.

見筆 顯示 Players 通過Brightcove學習服務(@ rcrooks1969)上 CodePen.

使用CodePen

以下是有效使用上述CodePen的一些技巧:

  • 切換 player 通過點擊 結果 按鈕。
  • 點擊 HTML / CSS / JS 按鈕顯示一種代碼類型。
  • 點擊 在CodePen上編輯 在右上角將此CodePen分支到您自己的帳戶中。
  • 在此找到與此樣本相關的所有代碼 GitHub存儲庫.

代理代碼

為了在此頁面上構建自己的示例應用程序版本,您必須創建並託管自己的代理。 (Brightcove Learning Services使用的代理僅接受來自Brightcove域的請求。)一個示例代理與我們使用的代理非常相似,但是沒有可以阻止來自非Brightcove域的請求的檢查。 這個GitHub倉庫。 您還將在此處找到使用它的基本說明,以及有關在Proxy中構建應用的更詳盡的指南。 使用REST API.


頁面最後更新於12年2020月XNUMX日