beego是有两种模式
一种mvc就是直接前端页面导入beego的views文件夹 直接插入 beego的模板语法 来服务器端渲染数据页面
一种是api接口模式,也就是直接提供api接口,前后端分离来分别渲染数据和页面
先说简单版的吧 对了 注意 跨域 !!!!!下面会讲
首先上 后端部分
我的 群852311425 beego交流群 ,绝对原创,转载请附上 本微博链接。
1、router.go 路由加入一段
beego.Router("/ajaxTest",&controllers.MainController{},"get:AjaxTest")
2、default.go 新建一个方法 前面两行代码解决跨域的
func (c *MainController) AjaxTest() {
//c.Data["json"]= `[{"name":"cxh","sex":"man"},{"name":"cxh1","sex":"man1"}]`
//c.ServeJSON()
c.Ctx.ResponseWriter.Header().Add("Access-Control-Allow-Origin", "*")
c.Ctx.ResponseWriter.Header().Add("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept")
c.Data["json"] = map[string]interface{}{"code":"200","msg":"請求成功","data":"33333"}
c.ServeJSON()
}
然后是前端请求部分
1、注意 http://192.168.105.102:8080 url地址 是你本地的 ip地址 :8080是你beego的服务地址 ,
不知道本地地址的 你打开命令符 cmd 输入 ipconfig 就可以看到 其中有一个 是ipv4的 那个ip就是了,
对了 记得 引用 jquery,我这边简单演示下 而已,所以直接jquery vue react的 同学 跨域 注意 !!!!!
$.ajax({
url:"http://192.168.105.102:8080/ajaxTest",
dataType:"json",
type:"get",
data:{
},
success:function(res){
debugger
}
})
这样就可以了,当然,你过要的是复杂的返回数据格式 可以关注我的博客,我后续会更新,比如对象嵌套对象
比如 怎么返回给前端 数组格式啊 对象嵌套对象格式啊
怎么返回像 如下的格式 也可以进博主的qq群问下。我的 群852311425 beego交流群 ,绝对原创,转载请附上 本微博链接。
{
"code": 200,
"data": [
{
"name": "小明",
"old": "7"
},
{
"name": "小紅",
"old": "10"
}
],
"msg": "请求成功"
}