ニフクラのデータベースから値を抜き、配列に反映させたい。
ここに実現したいことを箇条書きで書いてください。
- ニフクラのデータベースから値を抜き配列に反映させ動作するようにする
現在制作しているもの
➀日付・数字を入力してmBaaSに送る。
②mBaaSから値を引き抜き配列に入れる
③Chart.jsを使ってグラフに反映させる
monaca・mBaaSとの連携でシステムを作っています。
mBaaSから値を出す場合の方法を知りたい。
発生している問題・エラーメッセージ
値が反映されない。
該当のソースコード
javascript
1// SDKの初期化 2var ncmb = new NCMB(applicationKey, clientKey); 3 4// ボタンが押されたときの処理 5function pushButton() { 6 var message = document.getElementById("message").value; // 金額 7 var day = document.getElementById("day").value; // 日付 8 9 alert(message); // アラートで表示 10 11 // 保存先クラスの生成 12 var MessageClass = ncmb.DataStore("MessageClass"); 13 14 // クラスインスタンスの生成 15 var messageClass = new MessageClass(); 16 17 // データを設定 18 messageClass.set("message", message); 19 messageClass.set("day", day); 20 21 // データを保存し、結果を処理する 22 messageClass.save() 23 .then(function(savedObject) { 24 // 保存成功時の処理 25 console.log("保存に成功しました。", savedObject); 26 }) 27 .catch(function(error) { 28 // 保存失敗時の処理 29 console.error("保存に失敗しました。エラー:", error); 30 }); 31} 32</script> 33 34 35</head> 36 37<body> 38 <a href="#" onclick="history.back()">前のページへ戻る</a> 39 <center> 40 <img src="hi.png"> 41<br> 42<label for="day2">日付:</label> 43<input id="day" type="month" name="example"> 44<br> 45<label for="salary">金額:</label> 46<input type="text" id="message" name="salary" 47 oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" /> 48 49 50 51<button onclick="pushButton();">送信</button> 52</center> 53 54結果:<span id="item"></span> 55 56<div style="width:350px;" > 57 <canvas id="chart"></canvas> 58 </div> 59 60 <script> 61 // ページが読み込まれたらグラフを描画 62 document.addEventListener('DOMContentLoaded', function() { 63 var ctx = document.getElementById("chart"); 64 var myLineChart = new Chart(ctx, { 65 // グラフの種類:折れ線グラフを指定 66 type: 'line', 67 data: { 68 // x軸の各メモリ 69 labels: ['4月', '5月', '6月', '7月', '8月', '9月'], 70 datasets: [ 71 { 72 label: '最高気温(度)', 73 data: [27, 26, 31, 25, 30, 22], 74 borderColor: "#ec4343", 75 backgroundColor: "#00000000" 76 }, 77 { 78 label: '最低気温(度)', 79 data: [18, 21, 24, 22, 21, 19], 80 borderColor: "#2260ea", 81 backgroundColor: "#00000000" 82 } 83 ], 84 },
試したこと
結果:<span id="item"></span>に反映させようとして
function MessageClass() {
/** mobile backend に取得する **/
// 保存先クラスの生成
var MessageClass = ncmb.DataStore("MessageClass");
// 取得処理
Omikuji.fetchAll()
.then(function(objects){
var result= object.get("message"); // 画面に結果を表示 document.getElementById("message").innerText = message; }) .catch(function(error){ /* 取得失敗時の処理 */ alert("Error: " + error.code); });
}
をしました。入力したデータがmBaaSのカラム名messageに入っています。
補足情報(FW/ツールのバージョンなど)
試したことだとできないので教えていただきたいです。

あなたの回答
tips
プレビュー