发起带有Token的API请求

我们每次请求都写一个ajsx的post方法,这样子肯定不合理。

下面是本集的源码

jQuery.apipost = function (url, data, successfn, errorfn) {
    $.ajax({
        type: "post",
        data: JSON.stringify(data),
        url: 'http://localhost:23557' + url,
        dataType: "json",
        contentType: "application/json",
        headers: {
            Accept: "application/json; charset=utf-8",
            Token: "ddddd"
        },
        success: function (d) {
            successfn(d);
        },
        error: function (d) {
            errorfn(d);
        }
    });
};

下面的html里面调用封装的ajax方法

	$(function () {
		//初始化左侧树
		$.apipost(
                '/api/menu',
                { id: 1 },
                function (data) {
                if (data) {
                $('#tt').tree({
                animate: true,
                data: data
                });
                }
                },
                function (s) {
                console.log(s);//返回的错误信息
                });
                //初始化登录信息
		
		});

后台接口

[TokenAuth]
public class MenuController : ApiController
{
public Menu[] Post(dynamic obj)
{
var menus = new Menu[2];
menus[0] = new Menu() { id = 1, text = "一级菜单"+obj.id };
menus[1] = new Menu() { id = 2, text = "二级菜单" };
return menus;
}
}

 

posted @ 2020-04-14 18:00  zhangzhiping35  阅读(103)  评论(0)    收藏  举报