Angular JS Go httpのPOST通信を使ってgo側にデータを渡したい

Question

実現したいこと

Angular JSのhttpのpost通信でgo側に値を渡したいのです。
テキストボックスに入力してからボタンを押すと通信の処理が行われてテキストボックスの内容がコンソール出力されるというものを作りたいです。
リクエストは受け取っている様ですが、リクエストのデータが取得できていないみたいでそこの部分の解決策について御教授いただきたいです。
コードの階層は以下の様になっています。

workspace/
  ├ HTML/
  │    ├ index.html
  │    ├ test.js
  │
  ├ POST/
  │    ├ post.go
  │
  ├ Host.go

該当のソースコード

post.go

func Procreq(w http.ResponseWriter, r *http.Request) {
	// postのリクエストを処理する
	fmt.Println("method : " + r.Method)
	fmt.Println("val :" + r.PostFormValue("val"))
	// fmt.Printf("%#v", r)
}

test.js

var test = angular.module("test",[])

test.controller("test",function($scope,$http){
    $scope.test = function(){
        console.log($scope.val);
        $http({
        method: 'POST',
        url: '../Host.go',
        data: { name: $scope.val }
      }).then(function DoneCallback(res){
          console.log("通信成功");
          console.log(res)
        },function failCallback(res){
            console.log("通信失敗");
        });
    }
})

補足情報（FW/ツールのバージョンなど）

AngularJS1.7.5

Comments

[退会済みユーザー]

> リクエストは受け取っている様ですが、リクエストのデータが取得できていない

なぜこのように思ったのでしょうか？
この状況がわかるログを追記して下さい。

[lkeix_]

ボタンを押した時にリクエストが飛ばされるので
jsのコンソールは

```
Object
config: {method: "POST", transformRequest: Array(1), transformResponse: Array(1), paramSerializer: ƒ, jsonpCallbackParam: "callback", …}
data: ""
headers: ƒ (d)
status: 200
statusText: "OK"
xhrStatus: "complete"
__proto__: Object
```

の様になっていて

リクエストを送った際にコンソール上では以下の様なログが出ます。

```
string
method : POST
val :
```

ここのval : の後にテキストボックスの入力値が来る様に実装する予定です。

Answer 1

Go 側(post.go)でjson.NewDecoder(r.Body)でdecoderを定義

JSONの受け取るJSONの構造体を作成する

type Test struct {
	Name string
        // for test
	// Val  string
	// Ope   string
}

decoder.Decode(&test)でPOSTから来るリクエストをtestに格納することができました。

色々と解決策を教えていただきありがとうございました。
教えていただいた方法を試しましたがその方法では解決できなかったので、今回は自己解決とさせていただきます。

Answer 2

application/x-www-form-urlencodedなフォームPOSTを解釈するためには
あらかじめ(*http.Request).ParseForm()を呼び出す必要があります。

GoのPostFormValueはパース済みでない場合はParseMultipartForm()を呼び出す仕組みです。
おそらくこれらのミスマッチが原因なので以下のどちらかを行ってenctypeをマッチさせる必要があります。

• HTML/JS側で送信タイプを「multipart/form-data」にする
• Go側をform-urlencodedとしてパースする

前者はJSのFormDataオブジェクトを使うか、formタグにenctype="multipart/form-data"を指定しましょう。
後者はFormValueに触れる前にあらかじめ(*http.Request).ParseForm()を呼び出しておきましょう。