我们登录成功后,在本地写入了Token,然后刷新页面,我们希望左侧菜单加载出来,加载出来需要我们去请求后台的webapi,请求webapi需要我们带上token。
首先我们配置webapi,使得支持返回json
public static class WebApiConfig
{
public static void Register(HttpConfiguration config)
{
// Web API 配置和服务
//跨域配置
config.EnableCors(new EnableCorsAttribute("*", "*", "*"));
//修改返回格式 改为json
config.Formatters.Clear();
config.Formatters.Add(new JsonMediaTypeFormatter());
// Web API 路由
config.MapHttpAttributeRoutes();
config.Routes.MapHttpRoute(
name: "DefaultApi",
routeTemplate: "api/{controller}/{id}",
defaults: new { id = RouteParameter.Optional }
);
}
}Code language: PHP (php)
然后我们添加一个menu的接口
public class MenuController : ApiController
{
public Menu[] Get()
{
var menus = new Menu[2];
menus[0] = new Menu() { id = 1, text = "一级菜单" };
menus[1] = new Menu() { id = 2, text = "二级菜单" };
return menus;
}
}
然后,我们在html里面添加一个菜单控件请求这个接口
<div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:10px;">
<ul id="tt" class="easyui-tree" data-options="url:'http://localhost:23557/api/menu',method:'get',animate:true"></ul>
</div>Code language: HTML, XML (xml)

Previous: AJAX登录的实现