码迷,mamicode.com
首页 > Windows程序 > 详细

WebAPI

时间:2017-10-11 19:11:11      阅读:259      评论:0      收藏:0      [点我收藏+]

标签:数据模型   配置   protected   null   dmi   stat   ram   error:   url   

在Visual Studio 中新建MVC API项目,在App_Start目录下有一个WebApiConfig.cs文件,这个文件中就是相应的Web API的路由配置

先创建了一个UserModel

public class UserModel
{
    public string UserID { get; set; }
    public string UserName { get; set; }
}

然后添加Web API Controller
public class UserController : ApiController
{
    public UserModel getAdmin()
    {
        return new UserModel() { UserID = "000", UserName = "Admin" };
    } 
}

注册路由

public static void Register(HttpConfiguration config)
{
    config.Routes.MapHttpRoute(
        name: "DefaultApi",
        routeTemplate: "api/{controller}/{id}",
        defaults: new { id = RouteParameter.Optional }
    );
}

在Global中注册
protected void Application_Start(object sender, EventArgs e)
{
    WebApiConfig.Register(GlobalConfiguration.Configuration);
}
这个时候用地址栏访问地址:api/user/getadmin 默认返回的是XML数据模型。


使用AJAX请求这个api,指定数据格式为json

$.ajax({
    type: ‘GET‘,
    url: ‘api/user/getadmin‘,
    dataType: ‘json‘,
    success: function (data, textStatus) {
        alert(data.UserID + " | " + data.UserName);
    },
    error: function (xmlHttpRequest, textStatus, errorThrown) {
    }
});

POST数据

修改一下controller,添加一个add方法

public bool add(UserModel user)
{
    return user != null;
}

页面上添加了一个button,代码如下:

<input type="button" name="btnOK" id="btnOK" value="发送POST请求" />

添加JS代码
$(‘#btnOK‘).bind(‘click‘, function () {
    //创建ajax请求,将数据发送到后台处理
    var postData = {
        UserID: ‘001‘,
        UserName: ‘QeeFee‘
    };
    $.ajax({
        type: ‘POST‘,
        url: ‘api/user/add‘,
        data: postData,
        dataType: ‘json‘,
        success: function (data, textStatus) {
            alert(data);
        },
        error: function (xmlHttpRequest, textStatus, errorThrown) {
        }
    });


WebAPI

标签:数据模型   配置   protected   null   dmi   stat   ram   error:   url   

原文地址:http://www.cnblogs.com/liuruipeng/p/7652095.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!