顯示 Players

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

概述

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

應用架構

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

收集訪問帳戶所需的用戶數據
單擊按鈕後，執行AJAX調用以檢索所有 player 信息
在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.