Easyui Tree控件发起带有Token的API请求

正常来说，大部分的WEB API接口都应该需要带上Token才可以访问，我们前面把登录后的Token存储到了localStrage里面，那么下面我们修改Tree的控件，使得控件支持带上Token参数。我们首先通过ajax调用我们的/api/menu，需要把token放在header里面，成功执行返回json后我们调用下面代码

$('#tt').tree({
    data: resultjson
});Code language: JavaScript (javascript)

resultjson是后台返回的menujson对象。

下面是代码，首先添加一个ul标签，这个会被渲染成树控件

<ul id="tt"></ul>Code language: HTML, XML (xml)

然后

$(function () {
    //初始化左侧树
    $.ajax({
        type: "GET",
        url: "http://localhost:23557/api/menu",
        dataType: "json",
        headers: {
            Accept: "application/json; charset=utf-8",
            Token: "ddddd"
        },
        success: function (data) {
            if (data) {
                $('#tt').tree({
                    animate: true,
                    data: data
                });
            }
        },
        error: function (data) {

        }
    });
    //初始化登录信息
});Code language: JavaScript (javascript)

如果我们的后台接口增加这个Token认证的标注的话

[TokenAuth]
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;
    }
}

这时候请求的ajax就需要带上token了。