beego ajax接口对接案例

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": "请求成功"
}