go gin json数组前后端示例

package main

import (
	"fmt"
	"net/http"

	"github.com/gin-gonic/gin"
)

type Test struct {
	Name     string  `json:"name" binding:"required"`
	Intval   int32   `json:"intval" binding:"required"`
	Floatval float32 `json:"floatval"`
	BoolVal  bool    `json:"boolval"`
}

func main() {
	var r = gin.Default()

	r.POST("ask", func(c *gin.Context) {
		json := struct {
			Array []Test
		}{}
		err := c.BindJSON(&json)
		if err != nil {
			fmt.Println(err)
		}
		fmt.Println(json)
		//fmt.Println(json.Intval + 10)
		c.JSON(http.StatusOK, gin.H{
			"result": "success",
		})
	})
	r.LoadHTMLGlob("test.html")
	r.GET("index", func(c *gin.Context) {
		c.HTML(http.StatusOK, "test.html", gin.H{})
	})

	r.Run(":8090")

}

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.acwing.com/static/jquery-ui-dist/jquery-ui.min.css">
    <script src="https://cdn.acwing.com/static/jquery/js/jquery-3.3.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>

<body>
    <button class="test">
        test
    </button>
    <script>
        $(document).ready(function () {
            $(".test").click(


                function () {
                    console.log(
                        JSON.stringify({
                            name: "test",
                            intval: 123,
                            floatval: 1.11,
                        })
                    )

                    $.ajax({
                        url: "http://localhost:8090/ask",
                        type: 'post',
                        dataType: 'json',
                        contentType: "application/json",
                        data: JSON.stringify({
                            array: [{
                                name: "test",
                                intval: 123,
                                floatval: 1.11,
                                boolval: true,
                            },
                            {
                                name: "test",
                                intval: 123,
                                floatval: 1.11,
                                boolval: true,
                            },
                            {
                                name: "test",
                                intval: 123,
                                floatval: 1.11,
                                boolval: true,
                            }

                            ]
                        }),
                        success: function (resp) {

                        }
                    });

                }
            )
        })
    </script>
</body>

</html>
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值