Asp.Net WebApi Get请求整理(一)

Asp.Net WebApi+JQuery Ajax的Get请求整理

一、总结

1.Asp.Net WebApi默认不支持Get请求,需要在Action方法上指定[HttpGet], 除非Action方法以‘Get’开头。

2.默认路由中,没有指定action,如果想路由到action不要手动指定
3.WebApi返回值的json对象,使用$.get 接收返回值,不需要手动反序列化处理
4.WebApi的Get请求中,Action可以接收多个参数

二、代码验证说明

1.默认不支持Get请求,需要在Action上指定请求类型[HttpGet]

[HttpGet]
public string ShowName(string name)
{
    return $"您传入的名字:‘{name}’";
}

异常内容:

2.默认路由中没有action参数处理

config.Routes.MapHttpRoute(
    name: "DefaultApi",
    routeTemplate: "api/{controller}/{id}",
    defaults: new { id = RouteParameter.Optional },
    constraints:new {id=@"\d+" }
);

可以手动添加处理

config.Routes.MapHttpRoute(
    name: "DefaultApi2",
    routeTemplate: "api/{controller}/{action}",
    defaults: new { action = "Index" }
);

3.WebApi的返回值都是json数据类型,JQuery中的Ajax会自动识别为json对象,不需要手动反序列化

[HttpGet]
public object ShowName3(string name, int age)
{
    return new { name = name, age = age, success = true };
}

相应结果:

返回字典类型:

复制代码
[HttpGet]
public Dictionary<string, string> GetList1(bool IsShow)
{
    Dictionary<string, string> dict = new Dictionary<string, string>();
    if (IsShow)
    {
        dict.Add("name1", "张三");
        dict.Add("name2", "李四");
    }
    return dict;
}
复制代码

JavaScript代码:

复制代码
$.get('/api/user/getlist1', {
    isshow: true
}, function (data) {
    console.info(data);
    alert(data);
});
$.get('/api/user/showname2', {
    name: '张三丰',
    age:19
}, function (data) {
    console.info(data);
    alert(data);
});
复制代码

Asp.Net WebApi+AngularJS $http的Get请求整理

1.WebApi,相应结果为json对象,不需要手动发序列化处理

复制代码
//WebApi,相应结果为json对象,不需要手动发序列化处理
$http.get('/api/user/showname3', {
    params: {
        name: '张三',
        age: '15'
    }
}).then(function (result) {  //正确请求成功时处理
    console.info(result);
    alert(result.data.name);
}).catch(function (result) { //捕捉错误处理
    console.info(result);
    alert(result.data.Message);
});
复制代码

复制代码
$http.get('/api/user/getlist1', {
    params: {
        isshow: true
    }
}).then(function (result) {
    console.info(result);
    console.info(result.data);
}).catch(function (err) {
    console.info(err);
    alert(err.data.Message);
});
复制代码

 

更多:

Asp.Net WebAPI Get提交、Post提交处理

Asp.Net WebApi Action命名中已‘Get’开头问题

Angular 1.6提示$http.get(...).success is not a function

posted @   天马3798  阅读(8119)  评论(0编辑  收藏  举报
编辑推荐:
· .NET 依赖注入中的 Captive Dependency
· .NET Core 对象分配(Alloc)底层原理浅谈
· 聊一聊 C#异步 任务延续的三种底层玩法
· 敏捷开发:如何高效开每日站会
· 为什么 .NET8线程池 容易引发线程饥饿
阅读排行:
· 一个适用于 .NET 的开源整洁架构项目模板
· API 风格选对了,文档写好了,项目就成功了一半!
· 【开源】C#上位机必备高效数据转换助手
· .NET 9.0 使用 Vulkan API 编写跨平台图形应用
· MyBatis中的 10 个宝藏技巧!
历史上的今天:
2015-02-03 分享到QQ空间、新浪微博、腾讯微博的代码!(收藏)
点击右上角即可分享
微信分享提示