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

編集履歴

質問編集履歴

8

訂正

2018/02/04 12:05

投稿

dendenmushi
dendenmushi

スコア98

title CHANGED
File without changes
body CHANGED
@@ -188,7 +188,7 @@
188
188
  Inspector raws
189
189
  ```ここに言語を入力
190
190
  CONNECT decode2017iq155webap●●●●●●●●●.azurewebsites.net:443 HTTP/1.1
191
- Host: decode2017iq155webapi22●●●●●●●●●.azurewebsites.net:443
191
+
192
192
  Connection: keep-alive
193
193
  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
194
194
 

7

訂正

2018/02/04 12:05

投稿

dendenmushi
dendenmushi

スコア98

title CHANGED
File without changes
body CHANGED
@@ -187,8 +187,8 @@
187
187
 
188
188
  Inspector raws
189
189
  ```ここに言語を入力
190
- CONNECT decode2017iq155webapi220180111013344.azurewebsites.net:443 HTTP/1.1
190
+ CONNECT decode2017iq155webap●●●●●●●●●.azurewebsites.net:443 HTTP/1.1
191
- Host: decode2017iq155webapi220180111013344.azurewebsites.net:443
191
+ Host: decode2017iq155webapi22●●●●●●●●●.azurewebsites.net:443
192
192
  Connection: keep-alive
193
193
  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
194
194
 

6

結果追記

2018/02/04 12:03

投稿

dendenmushi
dendenmushi

スコア98

title CHANGED
File without changes
body CHANGED
@@ -160,4 +160,77 @@
160
160
  Security
161
161
  Access-Control-Allow-Origin: *
162
162
  Tranceport
163
- Connection: close
163
+ Connection: close
164
+
165
+ ◆IIS localhost/index.htmlに接続したとき
166
+
167
+ 304返却
168
+
169
+ Inspector raws
170
+ ```ここに言語を入力
171
+ GET http://localhost/ HTTP/1.1
172
+ Host: localhost
173
+ Connection: keep-alive
174
+ Cache-Control: max-age=0
175
+ 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
176
+ Upgrade-Insecure-Requests: 1
177
+ Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
178
+ Accept-Encoding: gzip, deflate, br
179
+ Accept-Language: ja,en-US;q=0.9,en;q=0.8
180
+ If-None-Match: "a9c1edbba79dd31:0"
181
+ If-Modified-Since: Sun, 04 Feb 2018 11:03:06 GMT
182
+
183
+ ```
184
+
185
+ GETボタン押下後
186
+ 200返却
187
+
188
+ Inspector raws
189
+ ```ここに言語を入力
190
+ CONNECT decode2017iq155webapi220180111013344.azurewebsites.net:443 HTTP/1.1
191
+ Host: decode2017iq155webapi220180111013344.azurewebsites.net:443
192
+ Connection: keep-alive
193
+ 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
194
+
195
+ A SSLv3-compatible ClientHello handshake was found. Fiddler extracted the parameters below.
196
+
197
+ Version: 3.3 (TLS/1.2)
198
+ 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
199
+ "Time": 2041/08/13 10:24:51
200
+ 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
201
+ Extensions:
202
+ 0xbaba empty
203
+ renegotiation_info 00
204
+ server_name decode2017iq155webapi●●●●●●●●●●●.azurewebsites.net
205
+ extended_master_secret empty
206
+ SessionTicket empty
207
+ 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
208
+ status_request OCSP - Implicit Responder
209
+ SignedCertTimestamp (RFC6962) empty
210
+ ALPN h2, http/1.1
211
+ ec_point_formats uncompressed [0x0]
212
+ elliptic_curves unknown [0x6A6A), unknown [0x1D), secp256r1 [0x17], secp384r1 [0x18]
213
+ 0x8a8a 00
214
+ 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
215
+ Ciphers:
216
+ [6A6A] Unrecognized cipher - See http://www.iana.org/assignments/tls-parameters/
217
+ [C02B] TLS_ECDHE_ECDSA_WITH_AES_128_GCM_SHA256
218
+ [C02F] TLS_ECDHE_RSA_WITH_AES_128_GCM_SHA256
219
+ [C02C] TLS_ECDHE_ECDSA_WITH_AES_256_GCM_SHA384
220
+ [C030] TLS_ECDHE_RSA_WITH_AES_256_GCM_SHA384
221
+ [CCA9] TLS_ECDHE_ECDSA_WITH_CHACHA20_POLY1305_SHA256
222
+ [CCA8] TLS_ECDHE_RSA_WITH_CHACHA20_POLY1305_SHA256
223
+ [C013] TLS1_CK_ECDHE_RSA_WITH_AES_128_CBC_SHA
224
+ [C014] TLS1_CK_ECDHE_RSA_WITH_AES_256_CBC_SHA
225
+ [009C] TLS_RSA_WITH_AES_128_GCM_SHA256
226
+ [009D] TLS_RSA_WITH_AES_256_GCM_SHA384
227
+ [002F] TLS_RSA_AES_128_SHA
228
+ [0035] TLS_RSA_AES_256_SHA
229
+ [000A] SSL_RSA_WITH_3DES_EDE_SHA
230
+
231
+ Compression:
232
+ [00] NO_COMPRESSION
233
+
234
+
235
+
236
+ ```

5

Fiddler結果追記

2018/02/04 12:01

投稿

dendenmushi
dendenmushi

スコア98

title CHANGED
File without changes
body CHANGED
@@ -153,4 +153,11 @@
153
153
 
154
154
  JSON
155
155
  ┗0
156
- ┗xc02F
156
+ ┗xc02F
157
+
158
+ ResponseHeaders
159
+ HTTP/1.1 200 Connection Established
160
+ Security
161
+ Access-Control-Allow-Origin: *
162
+ Tranceport
163
+ Connection: close

4

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

2018/02/04 11:40

投稿

dendenmushi
dendenmushi

スコア98

title CHANGED
File without changes
body CHANGED
@@ -112,4 +112,45 @@
112
112
  そしてGetAllCommentsというメソッド名のWEBAPI実行であれば、
113
113
  https://decode2017iq155webapi2201801************.azurewebsites.net/thingB/Authors/InsertAuthorsMain/
114
114
 
115
- これがURLという認識です。GETではこのルールのURLで受け取れているのですが、POSTは404エラーが出ている状態です。
115
+ これがURLという認識です。GETではこのルールのURLで受け取れているのですが、POSTは404エラーが出ている状態です。
116
+
117
+ ###その後　アドバイスとほぼ同じコードで試した結果
118
+
119
+ WEBAPIの公開も言われたものとほぼ同じに公開し、スクリプト側も同じにしてみました。
120
+ 相違点として以下があります。
121
+ ①URLは絶対パス
122
+ ②AuthorIdがAuthorIDでint型
123
+ ③BizBがthingD
124
+ ④『using Decode2017iq155WebInterfaces.thingB.ListAuthors;』がWEBAPIのクラスのusingに私のにはある
125
+
126
+ 気になった点は、web.configに以下記載追記している
127
+ ```ここに言語を入力
128
+ <system.webServer>
129
+ <modules runAllManagedModulesForAllRequests="true"/>
130
+ <httpProtocol>
131
+ <customHeaders>
132
+ <add name="Access-Control-Allow-Origin" value="*"/>
133
+ <add name="Access-Control-Allow-Methods" value="POST"/>
134
+ <add name="Access-Control-Expose-Headers" value="x-json"/>
135
+ <add name="Access-Control-Allow-Headers" value="x-prototype-version, x-requested-with"/>
136
+ <add name="Access-Control-Max-Age" value="604800"/>
137
+ </customHeaders>
138
+ </httpProtocol>
139
+ </system.webServer>
140
+ ```
141
+ このWebApiの他のメソッドではajaxで取得していましたのでクロスドメイン制約は解決しています。
142
+
143
+ その結果、404ではなく200が無事帰ってきましたが、表は表示されませんでした。
144
+ 返却は
145
+ (なぜか画像が貼れないのでコード挿入方法で)
146
+
147
+ 結果画面
148
+ ```
149
+ GetAllAuthors InsertAuhtor
150
+ textStatus: error, errorThrown:
151
+ @section Scripts { }
152
+ ```
153
+
154
+ JSON
155
+ ┗0
156
+ ┗xc02F

3

追加情報

2018/02/04 11:32

投稿

dendenmushi
dendenmushi

スコア98

title CHANGED
File without changes
body CHANGED
@@ -74,4 +74,42 @@
74
74
  })();
75
75
  ```
76
76
 
77
- NGとしてアラートが出てしまいました。もしまだ何か気付いた点などあれば、よろしくお願い致します。
77
+ NGとしてアラートが出てしまいました。もしまだ何か気付いた点などあれば、よろしくお願い致します。
78
+
79
+ ###2018/02/03 18:39追記
80
+ 気になった点として現状の状態報告です。
81
+ [HttpPost]としてテスト用にいくつも作っています。メソッド名が違うのですが、万が一この方法だと動かないなどとあればアドバイスお願い致します。その他このネームスペースの場所ではクラスを２つ設けています。そこでもメソッド名は違いますが、同様に[HttpPost]です。念のための追加情報でした。
82
+ ```C#
83
+ namespace Decode2017iq155WebApi.Controllers.thingB.Authors
84
+ {
85
+ [Route("thingB/Authors/{Action}/{id}")]
86
+ public class AuthorsWebApiController : ApiController
87
+ {
88
+ [HttpGet]
89
+ public List<AuthorsDTO> GetAllAuthors(string id)
90
+ {
91
+ 　　　　　・・・
92
+ }
93
+
94
+ [HttpPost]
95
+ public void PostAuthors(string id,[FromBody] string author)
96
+ {
97
+ 　　　　　・・・
98
+
99
+ }
100
+
101
+ [HttpPost]
102
+ public void InsertAuthors([FromBody]AuthorsDTO author)
103
+ {
104
+ 　　　　　　・・・
105
+ 　　 }
106
+ [Route("thingB/Authors/{Action}")]
107
+ public class AuthorsWebApiController2 : ApiController
108
+ {
109
+ [HttpPost]
110
+ public List<AuthorsDTO> InsertAuthorsMain([FromBody]AuthorsDTO author)
111
+ ```
112
+ そしてGetAllCommentsというメソッド名のWEBAPI実行であれば、
113
+ https://decode2017iq155webapi2201801************.azurewebsites.net/thingB/Authors/InsertAuthorsMain/
114
+
115
+ これがURLという認識です。GETではこのルールのURLで受け取れているのですが、POSTは404エラーが出ている状態です。

2

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

2018/02/03 10:00

投稿

dendenmushi
dendenmushi

スコア98

title CHANGED
File without changes
body CHANGED
@@ -52,4 +52,26 @@
52
52
  })();
53
53
  ```
54
54
  この方法ですとうまくテーブルにインサートできましたが、POSTなのにurlにパラメーターをつけていいものか悩んでいます。なぜ上の方法ではできなく、下の方法ではできたのか疑問です。上の形式での書き方で問題あれば教えて下さい。ASP.NET WEBAPIのajaxPOST送信について以下サイトなど参考にしていますが、ずっとうまくいきません。アドバイスよろしくお願い致します。
55
- 参考サイト:javatechnology.net/ajax/post-submit/
55
+ 参考サイト:javatechnology.net/ajax/post-submit/
56
+
57
+ ###アドバイス後に試したこと
58
+ ```javascript
59
+ (function() {
60
+ var j = { kakaku: "100円"}; // j はオブジェクト
61
+ var jsonString = JSON.stringify(j); // jsonString は文字列
62
+ $.ajax({
63
+ type: "POST",
64
+ url: "～azurewebsites.net/thingC/Authors/PostAuthors/12890634",
65
+ data: jsonString,
66
+ contentType: "application/json; charset=utf-8",
67
+ success: function (data) {
68
+ alert('ok');
69
+ },
70
+ error: function (jqXHR, textStatus, errorThrown) {
71
+ alert('NG');
72
+ }
73
+ });
74
+ })();
75
+ ```
76
+
77
+ NGとしてアラートが出てしまいました。もしまだ何か気付いた点などあれば、よろしくお願い致します。

1

追記

2018/02/01 14:47

投稿

dendenmushi
dendenmushi

スコア98

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