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

編集履歴

質問編集履歴

7

ソースコードの修正

2015/10/30 08:39

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,19 +4,15 @@
4
4
 
5
5
  JavaScrptでMonacaを使ってシステムを作っています。
6
6
 
7
- システムの内容としては、件名、内容、回答1、回答2、回答3を打っても らってこれらをNCMBに保存したいです。
7
+ システムの内容としては、件名、内容、回答1、回答2、回答3を打ち込み、これらをNCMBに保存したいです。
8
8
 
9
9
 
10
10
 
11
- いろいろ修正しては見たのですが、データストアにクラスすら作成されず・・・。
11
+ NCMBにデータを保存できるようにはなったのですが、打ち込んだテキストは保存されず、空のデータが保存されてしまいます。
12
12
 
13
13
 
14
14
 
15
- どこかで処理がとまっているみたいです。
15
+ どうかご教授よろしくお願いします。
16
-
17
-
18
-
19
- 保存できるようになるのであれば今の形にはこだわりませんのでどうかご教授よろしくお願いします。
20
16
 
21
17
 
22
18
 
@@ -56,9 +52,9 @@
56
52
 
57
53
  <script language="javascript">
58
54
 
59
-
55
+
60
56
 
61
- $(function(){
57
+ $(function(){
62
58
 
63
59
  //mBaaSの初期化
64
60
 
@@ -68,49 +64,63 @@
68
64
 
69
65
  var ncmb = new NCMB(application_key, client_key);
70
66
 
71
-
67
+ $(".btn>#btn1").on("click", function(){
72
68
 
69
+ //NCMB.Objectのサブクラスを生成
70
+
71
+ var Mail = ncmb.DataStore("Mail");
72
+
73
+ //クラスの新しいインスタンスを生成
74
+
75
+ var mail = new Mail();
76
+
77
+
78
+
79
+ mail.set("subject", subject)
80
+
73
- $(".btn>#btn1").on("click", function saveData(){
81
+ .set("content", content)
82
+
83
+ .set("answer1", answer1)
84
+
85
+ .set("answer2", answer2)
86
+
87
+ .set("answer3", answer3)
74
88
 
75
89
 
76
90
 
77
- //クラス名を指定して新規クラス作成
91
+
78
92
 
79
- var Mail = NCMB.Object.extend("Mail");
93
+ .save()
80
94
 
81
- //Maillクラスのインスタンスを作成
82
-
83
- var mail = new Mail();
84
-
85
- //作成したインスタンスのkenmeiというフィールドに文字データを設定
86
-
87
- mail.set("kenmei", "kenmei");
88
-
89
- //設定したデータをMobileBackendに保存
90
-
91
- mail.save(null, {
92
-
93
- success: function(){
95
+ .then(function(mail){
94
96
 
95
97
  //保存に成功した場合はメッセージを表示
96
98
 
97
- $("#message").html("<p>データ保存に成功</p>");
99
+ alert("データ保存に成功");
98
100
 
99
- },
101
+ })
100
102
 
101
- error: function(obj, error){
103
+ .catch(function(err){
102
104
 
103
- //保存に失敗した場合はエラー内容を表示
105
+ //保存に失敗した場合はエラー表示
104
106
 
105
- $("#message").HTML("error:" + error.message);
107
+ alert("error");
106
108
 
107
- }
109
+ });
108
110
 
111
+
112
+
109
- });
113
+ alert(subject);
114
+
115
+ location.href = "./mail.html"
110
116
 
111
117
  });
112
118
 
113
119
  });
120
+
121
+
122
+
123
+
114
124
 
115
125
  </script>
116
126
 
@@ -122,29 +132,23 @@
122
132
 
123
133
  <body>
124
134
 
125
- <h1>
126
-
127
-
128
-
129
- </h1>
130
-
131
135
 
132
136
 
133
137
  <form >
134
138
 
135
- <input type="text" id="kenmei" name="kenmei" placeholder="件名" /><br />
139
+ <input type="text" id="subject" name="subject" placeholder="件名" /><br />
136
140
 
137
- <TEXTAREA id="naiyou" name="naiyou" placeholder="内容"></TEXTAREA><br />
141
+ <TEXTAREA id="content" name="content" placeholder="内容" ></TEXTAREA><br />
138
142
 
139
143
 
140
144
 
141
145
  <p>回答を入力してください</p>
142
146
 
143
- <input type="text" id="kaito1" name="kaito1" placeholder="回答" /><br />
147
+ <input type="text" id="answer1" name="answer1" placeholder="回答" /><br />
144
148
 
145
- <input type="text" id="kaito2" name="kaito2" placeholder="回答" /><br />
149
+ <input type="text" id="answer2" name="answer2" placeholder="回答" /><br />
146
150
 
147
- <input type="text" id="kaito3" name="kaito3" placeholder="回答" /><br />
151
+ <input type="text" id="answer3" name="answer3" placeholder="回答" /><br />
148
152
 
149
153
  </form>
150
154
 
@@ -154,9 +158,9 @@
154
158
 
155
159
  <input type="button" id="btn1" value="送信"/><br />
156
160
 
157
- </div>
161
+
158
162
 
159
-
163
+ </div>
160
164
 
161
165
 
162
166
 
@@ -166,14 +170,6 @@
166
170
 
167
171
 
168
172
 
169
-
170
-
171
173
  ###補足情報
172
174
 
173
- こちらを参考にしながらやってました。
175
+ ソースコードを直しました
174
-
175
-
176
-
177
- http://mb.cloud.nifty.com/doc/current/tutorial/monaca_quiz_01_sample.html#データストアにデータを保存する
178
-
179
- https://www.youtube.com/watch?v=EumcZTDmHmI&index=7&list=PLSNY40p4warleoH7ySP-WMRCOqZTmOTkZ

6

間違いの修正

2015/10/30 08:39

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -55,20 +55,6 @@
55
55
  <script src="http://ajax.googleeapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
56
56
 
57
57
  <script language="javascript">
58
-
59
-
60
-
61
- /*
62
-
63
- NCMB.User.getUsername()
64
-
65
- then(function{
66
-
67
- document.write("")
68
-
69
- })
70
-
71
- */
72
58
 
73
59
 
74
60
 

5

文章の改善

2015/10/29 07:25

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -24,11 +24,13 @@
24
24
 
25
25
 
26
26
 
27
- Uncaught SyntaxError: Unexpected identifier
27
+ deviceready has not fired after 5 seconds.
28
28
 
29
29
 
30
30
 
31
31
  ###ソースコード
32
+
33
+
32
34
 
33
35
 
34
36
 
@@ -74,57 +76,47 @@
74
76
 
75
77
  //mBaaSの初期化
76
78
 
77
- var application_key = "ff32e8ebe57b1bebedea84dbd10c67fd185e7e0da1cb9ab1b2953bb08f04ffda";
79
+ var application_key = "";
78
80
 
79
- var client_key = "2257a3e186ada4f9525f7ae749a43ee21735949252d36fc00b35a6e82e94d857";
81
+ var client_key = "";
80
82
 
81
83
  var ncmb = new NCMB(application_key, client_key);
82
84
 
83
85
 
84
86
 
85
- $(".btn>#btn1").on("click", function(){
87
+ $(".btn>#btn1").on("click", function saveData(){
86
88
 
87
89
 
88
90
 
89
- //データの保存
91
+ //クラス名を指定して新規クラス作成
90
92
 
91
- var MailClass = NCMB.Object.extend("MailClass", {
93
+ var Mail = NCMB.Object.extend("Mail");
92
94
 
93
- instance properties
95
+ //Maillクラスのインスタンスを作成
94
96
 
95
- } , {
97
+ var mail = new Mail();
96
98
 
97
- Class properties
99
+ //作成したインスタンスのkenmeiというフィールドに文字データを設定
98
100
 
99
- });
101
+ mail.set("kenmei", "kenmei");
100
102
 
101
- var mail = new MailClass();
102
-
103
-
104
-
105
- mail.set("kenmei", kenmei);
103
+ //設定したデータをMobileBackendに保存
106
-
107
- mail.set("naiyou", naiyou);
108
-
109
- mail.set("kaito1", kaito1);
110
-
111
- mail.set("kaito2", kaito2);
112
-
113
- mail.set("kaito3", kaito3);
114
-
115
-
116
104
 
117
105
  mail.save(null, {
118
106
 
119
107
  success: function(){
120
108
 
121
- alert("データの保存成功");
109
+ //保存に成功した場合はメッセージを表示
110
+
111
+ $("#message").html("<p>データ保存に成功</p>");
122
112
 
123
113
  },
124
114
 
125
115
  error: function(obj, error){
126
116
 
127
- alert("データの保存失敗");
117
+ //保存に失敗した場合はエラー内容を表示
118
+
119
+ $("#message").HTML("error:" + error.message);
128
120
 
129
121
  }
130
122
 
@@ -194,4 +186,8 @@
194
186
 
195
187
  こちらを参考にしながらやってました。
196
188
 
189
+
190
+
191
+ http://mb.cloud.nifty.com/doc/current/tutorial/monaca_quiz_01_sample.html#データストアにデータを保存する
192
+
197
193
  https://www.youtube.com/watch?v=EumcZTDmHmI&index=7&list=PLSNY40p4warleoH7ySP-WMRCOqZTmOTkZ

4

改善

2015/10/29 06:59

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
File without changes

3

ソースコードの修正

2015/10/29 04:05

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,6 @@
1
1
  ###実現したいこと
2
+
3
+
2
4
 
3
5
  JavaScrptでMonacaを使ってシステムを作っています。
4
6
 
@@ -6,13 +8,25 @@
6
8
 
7
9
 
8
10
 
9
- NCMBにデータを保存したいのですがうまく動きません。
11
+ いろいろ修正しては見たのですが、データストアにクラスすら作成されず・・・。
12
+
13
+
14
+
15
+ どこかで処理がとまっているみたいです。
16
+
17
+
18
+
19
+ 保存できるようになるのであれば今の形にはこだわりませんのでどうかご教授よろしくお願いします。
10
20
 
11
21
 
12
22
 
13
23
  ###発生しているエラーメッセージ
14
24
 
25
+
26
+
15
- Uncaught TypeError: NCMB.initialize is not a function
27
+ Uncaught SyntaxError: Unexpected identifier
28
+
29
+
16
30
 
17
31
  ###ソースコード
18
32
 
@@ -38,17 +52,33 @@
38
52
 
39
53
  <script src="http://ajax.googleeapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
40
54
 
41
- <script language="javascript">
55
+ <script language="javascript">
56
+
57
+
58
+
59
+ /*
60
+
61
+ NCMB.User.getUsername()
62
+
63
+ then(function{
64
+
65
+ document.write("")
66
+
67
+ })
68
+
69
+ */
70
+
71
+
42
72
 
43
73
  $(function(){
44
74
 
45
75
  //mBaaSの初期化
46
76
 
47
- var application_key = "";
77
+ var application_key = "ff32e8ebe57b1bebedea84dbd10c67fd185e7e0da1cb9ab1b2953bb08f04ffda";
48
78
 
49
- var client_key = "";
79
+ var client_key = "2257a3e186ada4f9525f7ae749a43ee21735949252d36fc00b35a6e82e94d857";
50
80
 
51
- NCMB.initialize(application_key, client_key);
81
+ var ncmb = new NCMB(application_key, client_key);
52
82
 
53
83
 
54
84
 
@@ -58,41 +88,47 @@
58
88
 
59
89
  //データの保存
60
90
 
61
- var MailClass = NCMB.Object.extend("MailClass");
91
+ var MailClass = NCMB.Object.extend("MailClass", {
92
+
93
+ instance properties
94
+
95
+ } , {
96
+
97
+ Class properties
98
+
99
+ });
62
100
 
63
101
  var mail = new MailClass();
64
102
 
65
103
 
66
104
 
67
- mail.set("kenmei", #kenmei);
105
+ mail.set("kenmei", kenmei);
68
106
 
69
- mail.set("naiyou", ＃naiyou);
107
+ mail.set("naiyou", naiyou);
70
108
 
71
- mail.set("kaito1", ＃kaito1);
109
+ mail.set("kaito1", kaito1);
72
110
 
73
- mail.set("kaito2", ＃kaito2);
111
+ mail.set("kaito2", kaito2);
74
112
 
75
- mail.set("kaito3", ＃kaito3);
113
+ mail.set("kaito3", kaito3);
76
114
 
77
115
 
78
116
 
79
-
117
+ mail.save(null, {
80
118
 
81
- mail.save()
82
-
83
- .then(function(){
119
+ success: function(){
84
120
 
85
121
  alert("データの保存成功");
86
122
 
87
- })
123
+ },
88
124
 
89
- .catch(function(err){
125
+ error: function(obj, error){
90
126
 
91
127
  alert("データの保存失敗");
92
128
 
93
- })
129
+ }
94
130
 
95
-
131
+ });
96
132
 
97
133
  });
98
134
 
@@ -107,6 +143,14 @@
107
143
  </head>
108
144
 
109
145
  <body>
146
+
147
+ <h1>
148
+
149
+
150
+
151
+ </h1>
152
+
153
+
110
154
 
111
155
  <form >
112
156
 
@@ -146,7 +190,7 @@
146
190
 
147
191
 
148
192
 
149
- ###補足情報(言語/FW/ツール等のバージョンなど)
193
+ ###補足情報
150
194
 
151
195
  こちらを参考にしながらやってました。
152
196
 

2

間違いの修正

2015/10/29 02:53

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -74,7 +74,7 @@
74
74
 
75
75
  mail.set("kaito3", ＃kaito3);
76
76
 
77
- */
77
+
78
78
 
79
79
 
80
80
 

1

間違いの修正

2015/10/28 07:11

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -108,16 +108,6 @@
108
108
 
109
109
  <body>
110
110
 
111
- <h1>
112
-
113
- 伝楽君アプリ(仮)<br/>
114
-
115
- メールフォーム
116
-
117
- </h1>
118
-
119
-
120
-
121
111
  <form >
122
112
 
123
113
  <input type="text" id="kenmei" name="kenmei" placeholder="件名" /><br />