前端ajax调用webapi

前端ajax调用webapi

虽然很多前端框架都有直接的api接口对应于webapi的调用，但还是来追根溯源还是要了解一下用jquery的ajax是如何调用webapi的。

先定义一个简单的webapi，简单到差不多直接用vs2010自动生成的webapi代码。

其中的TestModle是一个简单的class，如下

public class TestModle

{

public string a { get; set; }

public string b { get; set; }

public string c { get; set; }

}

前端页面放四个代表get，post，put，delete的按钮，在加一个div显示返回值

前端代码中加载jquery，在定义四个按钮的click事件

get和post，我习惯用$.get和$.post，当然也能用$.ajax.

get直接返回webapi get的return值，post的话我就不在后端做处理了直接返回传入的值，这里只做示范

put和delete，只能用$.ajax来处理。

put的话一般用于update某个id的数据信息

delete用于删除某个id的数据，如下图所示

点击每个按钮，可以在页面上看到相应的效果