運⽤中の貸付元本額 | |
遅延及び延滞の貸付元本額 | |
貸付総額(累計) |
// 3桁区切りでカンマを付ける関数 function separate(num){ return String(num).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'); }
// XHRオブジェクト生成 var request = new XMLHttpRequest();
// XHRオブジェクト初期化 method, url, async, user, passwordの順で指定 asyncは規定値がtrue async以下は省略可能 request.open('GET', 'https://pocket-funding.jp/api/funds/performance', true);
// レスポンスタイプ指定 request.responseType = 'json';
// データ表示タグを取得 // 運⽤中の貸付元本額 var in_loan_principal_amount = document.getElementById('in_loan_principal_amount');
// 遅延及び延滞の貸付元本額 var default_money = document.getElementById('default_money');
// 貸付総額(累計) var investment_establishment_money = document.getElementById('investment_establishment_money');
// 受信成功時に呼ばれる request.onload = function () {
// レスポンスを変数に格納 var res = this.response;
// ステータス200が返った場合のみ処理を実行 if (res.status === 200) {
// 取得したデータを対応するタグにセットする // 運⽤中の貸付元本額 in_loan_principal_amount.textContent = separate(res.data.in_loan_principal_amount) + ' 円';
// 遅延及び延滞の貸付元本額 default_money.textContent = separate(res.data.default_money) + ' 円';
// 貸付総額(累計) investment_establishment_money.textContent = separate(res.data.investment_establishment_money) + ' 円';
} else { // エラーの場合はコンソールにエラーと表示 console.log('error!'); } };
// リクエスト送信 request.send();