经过我三篇文章的解惑,webapi我相信大家没有问题了!

先创建了一个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

image

这个时侯默认返回的是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) {    }});

alert出来的结果是:

image

这样看来,真的是dudu所说的,可以根据请求的数据类型返回指定的数据格式。

POST数据

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

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

只为了测试,所以这里只判断一下传入的实体是否为空,如果不为空则返回true

我在页面上添加了一个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) {        }    });});

再次运行页面

image

我们附加进程进行调试,在发送ajax请求的时候,服务器段接收到的数据如图:

image

如果认为此文对您有帮助,别忘了支持一下哦!

更多相关文章

  1. 分享一些高效的LINQ语句代码
  2. httpHelper 从URL获取值的实例代码
  3. 让WebAPI 返回JSON格式的数据实例教程
  4. 用Shape做动画实例代码
  5. devexpress TreeList递归的实例代码
  6. szq.orm.sql详细使用实例代码
  7. 字符串分割的使用实例代码
  8. 分享一些平时收藏和应用的开源代码
  9. 关于Asp.Net Core MongoDB的实例代码

随机推荐

  1. spark seq.max 报错 Caused by: java.lan
  2. 排序算法之 Java简单快速排序算法
  3. Java正则表达式提取字符
  4. Map集合的使用
  5. Java错误:线程“main”中的异常java.lang.
  6. 使用android nfc api写NFC tag信息
  7. 如何使用swig定义和传递ByteBuffer?
  8. 孔维滢201771010110《面向对象程序设计(ja
  9. 用javascript 禁止右键 禁止复制 禁止粘
  10. 《Java就业培训教程》_张孝祥_书内源码_0