teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問ニフティクラウドMobileBackendのデータストアにデータを保存する

編集履歴

質問編集履歴

7

ソースコードの修正

2015/10/30 08:39

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,14 +1,12 @@
1
1
  ###実現したいこと
2
2
 
3
3
  JavaScrptでMonacaを使ってシステムを作っています。
4
- システムの内容としては、件名、内容、回答1、回答2、回答3を打っても らってこれらをNCMBに保存したいです。
4
+ システムの内容としては、件名、内容、回答1、回答2、回答3を打ち込み、これらをNCMBに保存したいです。
5
5
 
6
- いろいろ修正しては見たのですが、データストアにクラスすら作成されず・・・。
6
+ NCMBにデータを保存できるようにはなったのですが、打ち込んだテキストは保存されず、空のデータが保存されてしまいます。
7
7
 
8
- どこかで処理がとまっているみたいです。
8
+ どうかご教授よろしくお願いします。
9
9
 
10
- 保存できるようになるのであれば今の形にはこだわりませんのでどうかご教授よろしくお願いします。
11
-
12
10
  ###発生しているエラーメッセージ
13
11
 
14
12
  deviceready has not fired after 5 seconds.
@@ -27,64 +25,64 @@
27
25
  <script src="js/ncmb-2.0.0.min.js"></script>
28
26
  <script src="http://ajax.googleeapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
29
27
  <script language="javascript">
30
-
28
+
31
- $(function(){
29
+ $(function(){
32
30
  //mBaaSの初期化
33
31
  var application_key = "";
34
32
  var client_key = "";
35
33
  var ncmb = new NCMB(application_key, client_key);
36
-
37
- $(".btn>#btn1").on("click", function saveData(){
34
+ $(".btn>#btn1").on("click", function(){
35
+ //NCMB.Objectのサブクラスを生成
36
+ var Mail = ncmb.DataStore("Mail");
37
+ //クラスの新しいインスタンスを生成
38
+ var mail = new Mail();
39
+
40
+ mail.set("subject", subject)
41
+ .set("content", content)
42
+ .set("answer1", answer1)
43
+ .set("answer2", answer2)
44
+ .set("answer3", answer3)
38
45
 
39
- //クラス名を指定して新規クラス作成
46
+
40
- var Mail = NCMB.Object.extend("Mail");
41
- //Maillクラスのインスタンスを作成
42
- var mail = new Mail();
43
- //作成したインスタンスのkenmeiというフィールドに文字データを設定
44
- mail.set("kenmei", "kenmei");
45
- //設定したデータをMobileBackendに保存
46
- mail.save(null, {
47
+ .save()
47
- success: function(){
48
+ .then(function(mail){
48
49
  //保存に成功した場合はメッセージを表示
49
- $("#message").html("<p>データ保存に成功</p>");
50
+ alert("データ保存に成功");
50
- },
51
+ })
51
- error: function(obj, error){
52
+ .catch(function(err){
52
- //保存に失敗した場合はエラー内容を表示
53
+ //保存に失敗した場合はエラー表示
53
- $("#message").HTML("error:" + error.message);
54
+ alert("error");
54
- }
55
- });
55
+ });
56
+
57
+ alert(subject);
58
+ location.href = "./mail.html"
56
59
  });
57
60
  });
61
+
62
+
58
63
  </script>
59
64
 
60
65
 
61
66
  </head>
62
67
  <body>
63
- <h1>
64
-
65
- </h1>
66
68
 
67
69
  <form >
68
- <input type="text" id="kenmei" name="kenmei" placeholder="件名" /><br />
70
+ <input type="text" id="subject" name="subject" placeholder="件名" /><br />
69
- <TEXTAREA id="naiyou" name="naiyou" placeholder="内容"></TEXTAREA><br />
71
+ <TEXTAREA id="content" name="content" placeholder="内容" ></TEXTAREA><br />
70
72
 
71
73
  <p>回答を入力してください</p>
72
- <input type="text" id="kaito1" name="kaito1" placeholder="回答" /><br />
74
+ <input type="text" id="answer1" name="answer1" placeholder="回答" /><br />
73
- <input type="text" id="kaito2" name="kaito2" placeholder="回答" /><br />
75
+ <input type="text" id="answer2" name="answer2" placeholder="回答" /><br />
74
- <input type="text" id="kaito3" name="kaito3" placeholder="回答" /><br />
76
+ <input type="text" id="answer3" name="answer3" placeholder="回答" /><br />
75
77
  </form>
76
78
 
77
79
  <div class="btn">
78
80
  <input type="button" id="btn1" value="送信"/><br />
81
+
79
- </div>
82
+ </div>
80
83
 
81
-
82
84
  </body>
83
85
  </html>
84
86
 
85
-
86
87
  ###補足情報
87
- こちらを参考にしながらやってました。
88
+ ソースコードを直しました
88
-
89
- http://mb.cloud.nifty.com/doc/current/tutorial/monaca_quiz_01_sample.html#データストアにデータを保存する
90
- https://www.youtube.com/watch?v=EumcZTDmHmI&index=7&list=PLSNY40p4warleoH7ySP-WMRCOqZTmOTkZ

6

間違いの修正

2015/10/30 08:39

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -27,13 +27,6 @@
27
27
  <script src="js/ncmb-2.0.0.min.js"></script>
28
28
  <script src="http://ajax.googleeapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
29
29
  <script language="javascript">
30
-
31
- /*
32
- NCMB.User.getUsername()
33
- then(function{
34
- document.write("")
35
- })
36
- */
37
30
 
38
31
  $(function(){
39
32
  //mBaaSの初期化

5

文章の改善

2015/10/29 07:25

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -11,10 +11,11 @@
11
11
 
12
12
  ###発生しているエラーメッセージ
13
13
 
14
- Uncaught SyntaxError: Unexpected identifier
14
+ deviceready has not fired after 5 seconds.
15
15
 
16
16
  ###ソースコード
17
17
 
18
+
18
19
  <!DOCTYPE HTML>
19
20
  <html>
20
21
  <head>
@@ -36,32 +37,27 @@
36
37
 
37
38
  $(function(){
38
39
  //mBaaSの初期化
39
- var application_key = "ff32e8ebe57b1bebedea84dbd10c67fd185e7e0da1cb9ab1b2953bb08f04ffda";
40
+ var application_key = "";
40
- var client_key = "2257a3e186ada4f9525f7ae749a43ee21735949252d36fc00b35a6e82e94d857";
41
+ var client_key = "";
41
42
  var ncmb = new NCMB(application_key, client_key);
42
43
 
43
- $(".btn>#btn1").on("click", function(){
44
+ $(".btn>#btn1").on("click", function saveData(){
44
45
 
45
- //データの保存
46
+ //クラス名を指定して新規クラス作成
46
- var MailClass = NCMB.Object.extend("MailClass", {
47
+ var Mail = NCMB.Object.extend("Mail");
47
- instance properties
48
+ //Maillクラスのインスタンスを作成
48
- } , {
49
- Class properties
50
- });
51
- var mail = new MailClass();
49
+ var mail = new Mail();
52
-
50
+ //作成したインスタンスのkenmeiというフィールドに文字データを設定
53
- mail.set("kenmei", kenmei);
51
+ mail.set("kenmei", "kenmei");
54
- mail.set("naiyou", naiyou);
52
+ //設定したデータをMobileBackendに保存
55
- mail.set("kaito1", kaito1);
56
- mail.set("kaito2", kaito2);
57
- mail.set("kaito3", kaito3);
58
-
59
53
  mail.save(null, {
60
54
  success: function(){
61
- alert("データの保存成功");
55
+ //保存に成功した場合はメッセージを表示
56
+ $("#message").html("<p>データ保存に成功</p>");
62
57
  },
63
58
  error: function(obj, error){
64
- alert("データの保存失敗");
59
+ //保存に失敗した場合はエラー内容を表示
60
+ $("#message").HTML("error:" + error.message);
65
61
  }
66
62
  });
67
63
  });
@@ -96,4 +92,6 @@
96
92
 
97
93
  ###補足情報
98
94
  こちらを参考にしながらやってました。
95
+
96
+ http://mb.cloud.nifty.com/doc/current/tutorial/monaca_quiz_01_sample.html#データストアにデータを保存する
99
97
  https://www.youtube.com/watch?v=EumcZTDmHmI&index=7&list=PLSNY40p4warleoH7ySP-WMRCOqZTmOTkZ

4

改善

2015/10/29 06:59

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
File without changes

3

ソースコードの修正

2015/10/29 04:05

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,11 +1,18 @@
1
1
  ###実現したいこと
2
+
2
3
  JavaScrptでMonacaを使ってシステムを作っています。
3
4
  システムの内容としては、件名、内容、回答1、回答2、回答3を打っても らってこれらをNCMBに保存したいです。
4
5
 
5
- NCMBにデータを保存したいのですがうまく動きません。
6
+ いろいろ修正しては見たのですが、データストアにクラスすら作成されず・・・。
6
7
 
8
+ どこかで処理がとまっているみたいです。
9
+
10
+ 保存できるようになるのであれば今の形にはこだわりませんのでどうかご教授よろしくお願いします。
11
+
7
12
  ###発生しているエラーメッセージ
13
+
8
- Uncaught TypeError: NCMB.initialize is not a function
14
+ Uncaught SyntaxError: Unexpected identifier
15
+
9
16
  ###ソースコード
10
17
 
11
18
  <!DOCTYPE HTML>
@@ -18,34 +25,45 @@
18
25
  <script src="components/loader.js"></script>
19
26
  <script src="js/ncmb-2.0.0.min.js"></script>
20
27
  <script src="http://ajax.googleeapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
21
- <script language="javascript">
28
+ <script language="javascript">
29
+
30
+ /*
31
+ NCMB.User.getUsername()
32
+ then(function{
33
+ document.write("")
34
+ })
35
+ */
36
+
22
37
  $(function(){
23
38
  //mBaaSの初期化
24
- var application_key = "";
39
+ var application_key = "ff32e8ebe57b1bebedea84dbd10c67fd185e7e0da1cb9ab1b2953bb08f04ffda";
25
- var client_key = "";
40
+ var client_key = "2257a3e186ada4f9525f7ae749a43ee21735949252d36fc00b35a6e82e94d857";
26
- NCMB.initialize(application_key, client_key);
41
+ var ncmb = new NCMB(application_key, client_key);
27
42
 
28
43
  $(".btn>#btn1").on("click", function(){
29
44
 
30
45
  //データの保存
31
- var MailClass = NCMB.Object.extend("MailClass");
46
+ var MailClass = NCMB.Object.extend("MailClass", {
47
+ instance properties
48
+ } , {
49
+ Class properties
50
+ });
32
51
  var mail = new MailClass();
33
52
 
34
- mail.set("kenmei", #kenmei);
53
+ mail.set("kenmei", kenmei);
35
- mail.set("naiyou", ＃naiyou);
54
+ mail.set("naiyou", naiyou);
36
- mail.set("kaito1", ＃kaito1);
55
+ mail.set("kaito1", kaito1);
37
- mail.set("kaito2", ＃kaito2);
56
+ mail.set("kaito2", kaito2);
38
- mail.set("kaito3", ＃kaito3);
57
+ mail.set("kaito3", kaito3);
39
58
 
40
-
41
- mail.save()
59
+ mail.save(null, {
42
- .then(function(){
60
+ success: function(){
43
61
  alert("データの保存成功");
44
- })
62
+ },
45
- .catch(function(err){
63
+ error: function(obj, error){
46
64
  alert("データの保存失敗");
65
+ }
47
- })
66
+ });
48
-
49
67
  });
50
68
  });
51
69
  </script>
@@ -53,6 +71,10 @@
53
71
 
54
72
  </head>
55
73
  <body>
74
+ <h1>
75
+
76
+ </h1>
77
+
56
78
  <form >
57
79
  <input type="text" id="kenmei" name="kenmei" placeholder="件名" /><br />
58
80
  <TEXTAREA id="naiyou" name="naiyou" placeholder="内容"></TEXTAREA><br />
@@ -72,6 +94,6 @@
72
94
  </html>
73
95
 
74
96
 
75
- ###補足情報(言語/FW/ツール等のバージョンなど)
97
+ ###補足情報
76
98
  こちらを参考にしながらやってました。
77
99
  https://www.youtube.com/watch?v=EumcZTDmHmI&index=7&list=PLSNY40p4warleoH7ySP-WMRCOqZTmOTkZ

2

間違いの修正

2015/10/29 02:53

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -36,8 +36,8 @@
36
36
  mail.set("kaito1", ＃kaito1);
37
37
  mail.set("kaito2", ＃kaito2);
38
38
  mail.set("kaito3", ＃kaito3);
39
- */
40
39
 
40
+
41
41
  mail.save()
42
42
  .then(function(){
43
43
  alert("データの保存成功");

1

間違いの修正

2015/10/28 07:11

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -53,11 +53,6 @@
53
53
 
54
54
  </head>
55
55
  <body>
56
- <h1>
57
- 伝楽君アプリ(仮)<br/>
58
- メールフォーム
59
- </h1>
60
-
61
56
  <form >
62
57
  <input type="text" id="kenmei" name="kenmei" placeholder="件名" /><br />
63
58
  <TEXTAREA id="naiyou" name="naiyou" placeholder="内容"></TEXTAREA><br />