码迷,mamicode.com
首页 > Web开发 > 详细

[beego学习] Ajax请求处理,JSON数据返回

时间:2021-05-24 05:43:17      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:func   input   use   html   btn   button   orm   log   学习   

Ajax请求处理,JSON数据返回

1.前端页面添加ajax请求
这里是以POST请求发送AJAX请求

<script>
    $(function(){
        $("#submitBtn").click(function(){
            $.ajax({
                "url":"/Login",
                "type":"POST",
                "data":{
                    "username":$("#username").val(),
                    "password":$("#password").val(),
                },
                success:function(res){
                    console.log(res["msg"]);
                }
            });
        });
    });
</script>
<body>
    <div>
        <form>
            用户名:<input type="text" id="username"/><br/>
            密码:<input type="password" id="password"/><br/>
            <input type="button" id="submitBtn" value="提交"/>
        </form>
    </div>
</body>

2.后端处理
后端处理,和正常的请求一样,添加路由,以及相关的函数,注意返回json数据

func (c *LoginController) Post(){
    var user LoginUser
    err := c.ParseForm(&user)
    if err != nil{
        fmt.Println("error")
    }

    fmt.Println(user.Username)
    fmt.Println(user.Pwd)

    // c.Ctx.WriteString("Login success")
    ret := map[string]interface{}{
        "status":200,
        "msg":"success",
    }

    c.Data["json"] = ret
    c.ServeJSON()
}

[beego学习] Ajax请求处理,JSON数据返回

标签:func   input   use   html   btn   button   orm   log   学习   

原文地址:https://www.cnblogs.com/laughingpig/p/14756530.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!