質問編集履歴

編集２

2019/02/14 02:39

投稿

uk_63

スコア29

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -378,6 +378,8 @@
         });
+        return false
     });
 });
@@ -464,10 +466,6 @@
-    // ここから下がエラーみたいです。
 	var room model.Room
 	err = json.Unmarshal(body[:length], &room)

編集

2019/02/14 02:39

投稿

uk_63

スコア29

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -324,36 +324,38 @@
 // url の指定を変えました。
+// JSON.stringify(data)を付け加えました。
 // この処理の結果はなぜかfailになります。
 $(function () {
     $("#roomForm").on('submit', function () {
         $("#roomForm").attr("disable", true);
+        let data = {
+            title: $("#roomTitle").val(),
+            content: $("#roomContent").val()
+        };
         $.ajax({
             method: 'post',
             url: '/room/new',
+            data:JSON.stringify(data),
             dataType: 'json',
             contentType: "application/json",
             timeout: 10000,
-            data: {
-                "title": $("#roomTitle").val(),
-                "content": $("#roomContent").val()
-            }
         })
         .done((data) => {
@@ -382,13 +384,13 @@
-```
+```
-Goのコードも変えて細かくバリデーションをつけるように変えました。
-このコードのバリデーション４までは通過します。
+すべてのバリデーションを通過し成功しました。

コード変更

2019/02/14 02:35

投稿

uk_63

スコア29

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -280,6 +280,222 @@
+# コード（追記2）
+フォームから送信すると、以前まで成功していたのが`$.ajax`の結果が`fail`になっています。HTML, JSのコードがおかしくないかみていただけますか？
+```html
+// actionの指定を消しました。 enctypeを追加しました。
+<form id="roomForm" enctype="application/json" method="post">
+        <div class="form-group">
+            <label>掲示板の名前</label>
+            <input type="text" name="title" value="Go言語コミュニティ" id="roomTitle" class="form-control">
+        </div>
+        <div class="form-group">
+            <label>掲示板の説明</label>
+            <textarea name="content" rows="3" id="roomContent" class="form-control"></textarea>
+        </div>
+        <button type="submit">作成する</button>
+    </form>
+```
+```js
+// url の指定を変えました。
+// この処理の結果はなぜかfailになります。
+$(function () {
+    $("#roomForm").on('submit', function () {
+        $("#roomForm").attr("disable", true);
+        $.ajax({
+            method: 'post',
+            url: '/room/new',
+            dataType: 'json',
+            contentType: "application/json",
+            timeout: 10000,
+            data: {
+                "title": $("#roomTitle").val(),
+                "content": $("#roomContent").val()
+            }
+        })
+        .done((data) => {
+            alert(data);
+        })
+        .fail((data) => {
+            alert("ERROR");
+            alert(data);
+        })
+        .always(() => {
+            $("#roomForm").attr("disable", false);
+        });
+    });
+});
+```
+Goのコードも変えて細かくバリデーションをつけるように変えました。
+このコードのバリデーション４までは通過します。
+```go
+func roomCreate(w http.ResponseWriter, r *http.Request) {
+	fmt.Print("roomCreate is starting!!\n")
+	// validation
+	if r.Method != "POST" {
+		fmt.Printf("メソッド : \n%v\n", r.Method)
+		w.WriteHeader(http.StatusBadRequest)
+		return
+	}
+	fmt.Print("バリデーション1 通過\n")
+	if r.Header.Get("Content-Type") != "application/json" {
+		fmt.Printf("レスポンスヘッダー : \n%v\n", r.Header.Get("Content-Type"))
+		w.WriteHeader(http.StatusBadRequest)
+		return
+	}
+	fmt.Print("バリデーション2 通過\n")
+	//To allocate slice for request body
+	length, err := strconv.Atoi(r.Header.Get("Content-Length"))
+	if err != nil {
+		fmt.Printf("コンテンツレングス : \n%v\n", r.Header.Get("Content-Length"))
+		w.WriteHeader(http.StatusInternalServerError)
+		return
+	}
+	fmt.Print("バリデーション3 通過\n")
+	body := make([]byte, length)
+	length, err = r.Body.Read(body)
+	if err != nil && err != io.EOF {
+		w.WriteHeader(http.StatusInternalServerError)
+		return
+	}
+	fmt.Print("バリデーション4 通過\n")
+    // ここから下がエラーみたいです。
+	var room model.Room
+	err = json.Unmarshal(body[:length], &room)
+	if err != nil {
+		w.WriteHeader(http.StatusInternalServerError)
+		return
+	}
+	fmt.Print("バリデーション5 通過\n")
+	fmt.Printf("%v\n", room)
+	w.WriteHeader(http.StatusOK)
+	http.Redirect(w, r, "/room", 302)
+}
+```
 # 質問

追記

2019/02/14 02:29

投稿

uk_63

スコア29

test CHANGED Viewed

	@@ -1 +1 @@
1	- 「Go言語」フォーム~~のデータを~~JSONで~~送信した~~い
1	+ 「Go言語」フォームから送信されたJSONをサーバー側で受け取れない..............

test CHANGED Viewed

@@ -34,16 +34,174 @@
-# コード(質問用に整形して書いています)
+# コード（追記 2/14）
+クライアント側で、JSONデータをアラートで出すようにしたところ、クライアントから送信されたデータはJSONに変換されています。しかし、サーバー（GO）でそのJSONを受け取ってコンソールに出力しようとしたら、エラーが出ています。
-このコードのままだとフォームから送信されたデータは、JSONではないために失敗しますが、現状を共有します。
+レスポンスのボディを出力するように`fmt.Print(r.Body)`とした結果が下記です。
+```
+&{0xc0000aa520 <nil> <nil> false true {0 0} false false false 0x129bc20}
+```
+またそのデータをデコードした結果、出力されたエラーが下記です。
+```
+invalid character 'i' in literal true (expecting 'r')
+```
+デコードしているGoのコード
 ```go
+func roomCreate(w http.ResponseWriter, r *http.Request) {
+    var room model.Room
+    if r.Body == nil {
+        fmt.Printf("レスポンスボディは空です。\n")
+    }
+    err := json.NewDecoder(r.Body).Decode(&room)
+    if err != nil {
+        fmt.Printf("エラー内容\n「%v」\n", err)
+    }
+    fmt.Printf("データ\n%v\n", room)
+    http.Redirect(w, r, "/room", 302)
+}
+```
+下記が全体のコードになります。
+```html
+    <form id="roomForm" method="POST" action="/room/new">
+        <div class="form-group">
+            <label>掲示板の名前</label>
+            <input type="text" name="title" id="roomTitle" class="form-control">
+        </div>
+        <div class="form-group">
+            <label>掲示板の説明</label>
+            <textarea name="content" rows="3" id="roomContent" class="form-control"></textarea>
+        </div>
+        <button type="submit">作成する</button>
+    </form>
+```
+```js
+$(function () {
+    $("#roomForm").on('submit', function () {
+        $("#roomForm").attr("disable", true);
+        $.ajax({
+            method: 'POST',
+            url: '/routes_room.go',
+            contentType: 'application/json',
+            dataType: 'JSON',
+            scriptCharset: 'utf-8',
+            cache: 'false',
+            timeout: 10000,
+            data: {
+                "title": $("#roomTitle").val(),
+                "content": $("#roomContent").val()
+            }
+        })
+        .done((data) => {
+            alert(data)
+        })
+        .fail((data) => {
+            alert(data)
+        })
+        .always(() => {
+            $("#roomForm").attr("disable", false);
+        });
+    });
+});
+```
+```go
 type Room struct {
 	ID        int       `json:"id"`
@@ -122,38 +280,10 @@
-```html
-<form method="POST" action="/room/new">
-        <div class="form-group">
-            <label>掲示板の名前</label>
-            <input type="text" name="title" id="roomTitle" class="form-control">
-        </div>
-        <div class="form-group">
-            <label>掲示板の説明</label>
-            <textarea name="content" rows="3" id="roomContent" class="form-control"></textarea>
-        </div>
-        <button type="submit">作成する</button>
-    </form>
-```
 # 質問
-#### GO言語を使っている皆様はブラウザのフォームから送信されたデータをどのようにJSONへ変換されていますか？
+#### なぜJSONをサーバー側で受け取れていないんでしょうか？
-回答お待ちしております。よろしくおねがいします！