經過我三篇文章的解惑,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
這個時侯預設返回的是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出來的結果是:
這樣看來,真的是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) { } });});
再次運行頁面
我們附加進程進行調試,在發送ajax請求的時候,伺服器段接收到的資料
如果認為此文對您有協助,別忘了支援一下哦!