teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問ASP.NETのWebApiへajaxでPOST送信する方法

編集履歴

質問編集履歴

8

訂正

2018/02/04 12:05

投稿

dendenmushi
dendenmushi

スコア98

test CHANGED
File without changes
test CHANGED
@@ -378,7 +378,7 @@
378
378
 
379
379
  CONNECT decode2017iq155webap●●●●●●●●●.azurewebsites.net:443 HTTP/1.1
380
380
 
381
- Host: decode2017iq155webapi22●●●●●●●●●.azurewebsites.net:443
381
+
382
382
 
383
383
  Connection: keep-alive
384
384
 

7

訂正

2018/02/04 12:05

投稿

dendenmushi
dendenmushi

スコア98

test CHANGED
File without changes
test CHANGED
@@ -376,9 +376,9 @@
376
376
 
377
377
  ```ここに言語を入力
378
378
 
379
- CONNECT decode2017iq155webapi220180111013344.azurewebsites.net:443 HTTP/1.1
379
+ CONNECT decode2017iq155webap●●●●●●●●●.azurewebsites.net:443 HTTP/1.1
380
-
380
+
381
- Host: decode2017iq155webapi220180111013344.azurewebsites.net:443
381
+ Host: decode2017iq155webapi22●●●●●●●●●.azurewebsites.net:443
382
382
 
383
383
  Connection: keep-alive
384
384
 

6

結果追記

2018/02/04 12:03

投稿

dendenmushi
dendenmushi

スコア98

test CHANGED
File without changes
test CHANGED
@@ -323,3 +323,149 @@
323
323
  Tranceport
324
324
 
325
325
  Connection: close
326
+
327
+
328
+
329
+ ◆IIS localhost/index.htmlに接続したとき
330
+
331
+
332
+
333
+ 304返却
334
+
335
+
336
+
337
+ Inspector raws
338
+
339
+ ```ここに言語を入力
340
+
341
+ GET http://localhost/ HTTP/1.1
342
+
343
+ Host: localhost
344
+
345
+ Connection: keep-alive
346
+
347
+ Cache-Control: max-age=0
348
+
349
+ User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36
350
+
351
+ Upgrade-Insecure-Requests: 1
352
+
353
+ Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
354
+
355
+ Accept-Encoding: gzip, deflate, br
356
+
357
+ Accept-Language: ja,en-US;q=0.9,en;q=0.8
358
+
359
+ If-None-Match: "a9c1edbba79dd31:0"
360
+
361
+ If-Modified-Since: Sun, 04 Feb 2018 11:03:06 GMT
362
+
363
+
364
+
365
+ ```
366
+
367
+
368
+
369
+ GETボタン押下後
370
+
371
+ 200返却
372
+
373
+
374
+
375
+ Inspector raws
376
+
377
+ ```ここに言語を入力
378
+
379
+ CONNECT decode2017iq155webapi220180111013344.azurewebsites.net:443 HTTP/1.1
380
+
381
+ Host: decode2017iq155webapi220180111013344.azurewebsites.net:443
382
+
383
+ Connection: keep-alive
384
+
385
+ User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36
386
+
387
+
388
+
389
+ A SSLv3-compatible ClientHello handshake was found. Fiddler extracted the parameters below.
390
+
391
+
392
+
393
+ Version: 3.3 (TLS/1.2)
394
+
395
+ Random: 63 67 B4 86 17 3B 21 0F 30 F5 07 57 C7 07 75 18 43 61 78 A0 12 B8 9D 45 17 5D 04 26 8F 66 E6 90
396
+
397
+ "Time": 2041/08/13 10:24:51
398
+
399
+ SessionID: C9 4D 00 00 78 96 45 21 71 13 FA D6 4D 2A 18 31 2C D0 16 A2 E4 F7 A2 DD AA 04 62 79 03 E7 91 CB
400
+
401
+ Extensions:
402
+
403
+ 0xbaba empty
404
+
405
+ renegotiation_info 00
406
+
407
+ server_name decode2017iq155webapi●●●●●●●●●●●.azurewebsites.net
408
+
409
+ extended_master_secret empty
410
+
411
+ SessionTicket empty
412
+
413
+ signature_algs sha256_ecdsa, Unknown[0x8]_Unknown[0x4], sha256_rsa, sha384_ecdsa, Unknown[0x8]_Unknown[0x5], sha384_rsa, Unknown[0x8]_Unknown[0x6], sha512_rsa, sha1_rsa
414
+
415
+ status_request OCSP - Implicit Responder
416
+
417
+ SignedCertTimestamp (RFC6962) empty
418
+
419
+ ALPN h2, http/1.1
420
+
421
+ ec_point_formats uncompressed [0x0]
422
+
423
+ elliptic_curves unknown [0x6A6A), unknown [0x1D), secp256r1 [0x17], secp384r1 [0x18]
424
+
425
+ 0x8a8a 00
426
+
427
+ padding 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00
428
+
429
+ Ciphers:
430
+
431
+ [6A6A] Unrecognized cipher - See http://www.iana.org/assignments/tls-parameters/
432
+
433
+ [C02B] TLS_ECDHE_ECDSA_WITH_AES_128_GCM_SHA256
434
+
435
+ [C02F] TLS_ECDHE_RSA_WITH_AES_128_GCM_SHA256
436
+
437
+ [C02C] TLS_ECDHE_ECDSA_WITH_AES_256_GCM_SHA384
438
+
439
+ [C030] TLS_ECDHE_RSA_WITH_AES_256_GCM_SHA384
440
+
441
+ [CCA9] TLS_ECDHE_ECDSA_WITH_CHACHA20_POLY1305_SHA256
442
+
443
+ [CCA8] TLS_ECDHE_RSA_WITH_CHACHA20_POLY1305_SHA256
444
+
445
+ [C013] TLS1_CK_ECDHE_RSA_WITH_AES_128_CBC_SHA
446
+
447
+ [C014] TLS1_CK_ECDHE_RSA_WITH_AES_256_CBC_SHA
448
+
449
+ [009C] TLS_RSA_WITH_AES_128_GCM_SHA256
450
+
451
+ [009D] TLS_RSA_WITH_AES_256_GCM_SHA384
452
+
453
+ [002F] TLS_RSA_AES_128_SHA
454
+
455
+ [0035] TLS_RSA_AES_256_SHA
456
+
457
+ [000A] SSL_RSA_WITH_3DES_EDE_SHA
458
+
459
+
460
+
461
+ Compression:
462
+
463
+ [00] NO_COMPRESSION
464
+
465
+
466
+
467
+
468
+
469
+
470
+
471
+ ```

5

Fiddler結果追記

2018/02/04 12:01

投稿

dendenmushi
dendenmushi

スコア98

test CHANGED
File without changes
test CHANGED
@@ -309,3 +309,17 @@
309
309
  ┗0
310
310
 
311
311
  ┗xc02F
312
+
313
+
314
+
315
+ ResponseHeaders
316
+
317
+ HTTP/1.1 200 Connection Established
318
+
319
+ Security
320
+
321
+ Access-Control-Allow-Origin: *
322
+
323
+ Tranceport
324
+
325
+ Connection: close

4

200は返ってきたが表示されませんでした。

2018/02/04 11:40

投稿

dendenmushi
dendenmushi

スコア98

test CHANGED
File without changes
test CHANGED
@@ -227,3 +227,85 @@
227
227
 
228
228
 
229
229
  これがURLという認識です。GETではこのルールのURLで受け取れているのですが、POSTは404エラーが出ている状態です。
230
+
231
+
232
+
233
+ ###その後　アドバイスとほぼ同じコードで試した結果
234
+
235
+
236
+
237
+ WEBAPIの公開も言われたものとほぼ同じに公開し、スクリプト側も同じにしてみました。
238
+
239
+ 相違点として以下があります。
240
+
241
+ ①URLは絶対パス
242
+
243
+ ②AuthorIdがAuthorIDでint型
244
+
245
+ ③BizBがthingD
246
+
247
+ ④『using Decode2017iq155WebInterfaces.thingB.ListAuthors;』がWEBAPIのクラスのusingに私のにはある
248
+
249
+
250
+
251
+ 気になった点は、web.configに以下記載追記している
252
+
253
+ ```ここに言語を入力
254
+
255
+ <system.webServer>
256
+
257
+ <modules runAllManagedModulesForAllRequests="true"/>
258
+
259
+ <httpProtocol>
260
+
261
+ <customHeaders>
262
+
263
+ <add name="Access-Control-Allow-Origin" value="*"/>
264
+
265
+ <add name="Access-Control-Allow-Methods" value="POST"/>
266
+
267
+ <add name="Access-Control-Expose-Headers" value="x-json"/>
268
+
269
+ <add name="Access-Control-Allow-Headers" value="x-prototype-version, x-requested-with"/>
270
+
271
+ <add name="Access-Control-Max-Age" value="604800"/>
272
+
273
+ </customHeaders>
274
+
275
+ </httpProtocol>
276
+
277
+ </system.webServer>
278
+
279
+ ```
280
+
281
+ このWebApiの他のメソッドではajaxで取得していましたのでクロスドメイン制約は解決しています。
282
+
283
+
284
+
285
+ その結果、404ではなく200が無事帰ってきましたが、表は表示されませんでした。
286
+
287
+ 返却は
288
+
289
+ (なぜか画像が貼れないのでコード挿入方法で)
290
+
291
+
292
+
293
+ 結果画面
294
+
295
+ ```
296
+
297
+ GetAllAuthors InsertAuhtor
298
+
299
+ textStatus: error, errorThrown:
300
+
301
+ @section Scripts { }
302
+
303
+ ```
304
+
305
+
306
+
307
+ JSON
308
+
309
+ ┗0
310
+
311
+ ┗xc02F

3

追加情報

2018/02/04 11:32

投稿

dendenmushi
dendenmushi

スコア98

test CHANGED
File without changes
test CHANGED
@@ -151,3 +151,79 @@
151
151
 
152
152
 
153
153
  NGとしてアラートが出てしまいました。もしまだ何か気付いた点などあれば、よろしくお願い致します。
154
+
155
+
156
+
157
+ ###2018/02/03 18:39追記
158
+
159
+ 気になった点として現状の状態報告です。
160
+
161
+ [HttpPost]としてテスト用にいくつも作っています。メソッド名が違うのですが、万が一この方法だと動かないなどとあればアドバイスお願い致します。その他このネームスペースの場所ではクラスを２つ設けています。そこでもメソッド名は違いますが、同様に[HttpPost]です。念のための追加情報でした。
162
+
163
+ ```C#
164
+
165
+ namespace Decode2017iq155WebApi.Controllers.thingB.Authors
166
+
167
+ {
168
+
169
+ [Route("thingB/Authors/{Action}/{id}")]
170
+
171
+ public class AuthorsWebApiController : ApiController
172
+
173
+ {
174
+
175
+ [HttpGet]
176
+
177
+ public List<AuthorsDTO> GetAllAuthors(string id)
178
+
179
+ {
180
+
181
+ 　　　　　・・・
182
+
183
+ }
184
+
185
+
186
+
187
+ [HttpPost]
188
+
189
+ public void PostAuthors(string id,[FromBody] string author)
190
+
191
+ {
192
+
193
+ 　　　　　・・・
194
+
195
+
196
+
197
+ }
198
+
199
+
200
+
201
+ [HttpPost]
202
+
203
+ public void InsertAuthors([FromBody]AuthorsDTO author)
204
+
205
+ {
206
+
207
+ 　　　　　　・・・
208
+
209
+ 　　 }
210
+
211
+ [Route("thingB/Authors/{Action}")]
212
+
213
+ public class AuthorsWebApiController2 : ApiController
214
+
215
+ {
216
+
217
+ [HttpPost]
218
+
219
+ public List<AuthorsDTO> InsertAuthorsMain([FromBody]AuthorsDTO author)
220
+
221
+ ```
222
+
223
+ そしてGetAllCommentsというメソッド名のWEBAPI実行であれば、
224
+
225
+ https://decode2017iq155webapi2201801************.azurewebsites.net/thingB/Authors/InsertAuthorsMain/
226
+
227
+
228
+
229
+ これがURLという認識です。GETではこのルールのURLで受け取れているのですが、POSTは404エラーが出ている状態です。

2

アドバイス後の試したこと追記

2018/02/03 10:00

投稿

dendenmushi
dendenmushi

スコア98

test CHANGED
File without changes
test CHANGED
@@ -107,3 +107,47 @@
107
107
  この方法ですとうまくテーブルにインサートできましたが、POSTなのにurlにパラメーターをつけていいものか悩んでいます。なぜ上の方法ではできなく、下の方法ではできたのか疑問です。上の形式での書き方で問題あれば教えて下さい。ASP.NET WEBAPIのajaxPOST送信について以下サイトなど参考にしていますが、ずっとうまくいきません。アドバイスよろしくお願い致します。
108
108
 
109
109
  参考サイト:javatechnology.net/ajax/post-submit/
110
+
111
+
112
+
113
+ ###アドバイス後に試したこと
114
+
115
+ ```javascript
116
+
117
+ (function() {
118
+
119
+ var j = { kakaku: "100円"}; // j はオブジェクト
120
+
121
+ var jsonString = JSON.stringify(j); // jsonString は文字列
122
+
123
+ $.ajax({
124
+
125
+ type: "POST",
126
+
127
+ url: "～azurewebsites.net/thingC/Authors/PostAuthors/12890634",
128
+
129
+ data: jsonString,
130
+
131
+ contentType: "application/json; charset=utf-8",
132
+
133
+ success: function (data) {
134
+
135
+ alert('ok');
136
+
137
+ },
138
+
139
+ error: function (jqXHR, textStatus, errorThrown) {
140
+
141
+ alert('NG');
142
+
143
+ }
144
+
145
+ });
146
+
147
+ })();
148
+
149
+ ```
150
+
151
+
152
+
153
+ NGとしてアラートが出てしまいました。もしまだ何か気付いた点などあれば、よろしくお願い致します。

1

追記

2018/02/01 14:47

投稿

dendenmushi
dendenmushi

スコア98

test CHANGED
File without changes
test CHANGED
@@ -104,6 +104,6 @@
104
104
 
105
105
  ```
106
106
 
107
- この方法ですとうまくテーブルにインサートできましたが、POSTなのにurlにパラメーターをつけていいものか悩んでいます。ASP.NET WEBAPIのajaxPOST送信について以下サイトなど参考にしていますが、ずっとうまくいきません。アドバイスよろしくお願い致します。
107
+ この方法ですとうまくテーブルにインサートできましたが、POSTなのにurlにパラメーターをつけていいものか悩んでいます。なぜ上の方法ではできなく、下の方法ではできたのか疑問です。上の形式での書き方で問題あれば教えて下さい。ASP.NET WEBAPIのajaxPOST送信について以下サイトなど参考にしていますが、ずっとうまくいきません。アドバイスよろしくお願い致します。
108
108
 
109
109
  参考サイト:javatechnology.net/ajax/post-submit/