您的位置首页百科问答

前端怎么调用api接口

方法/步骤

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

其埋姿姿中的TestModle是一个简单的class,如下

public class TestModle

{

public string a { get; set; }

public string b { get; set; }

public string c { get; set; }

}

前端怎么调用api接口

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

前端怎么调用api接口

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

前端怎么调用api接口

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

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

前端怎么调用api接口

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

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

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

前端怎么调用api接口

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

前端怎么调用api接口

前端怎么调用api接口

前端怎么调用api接口

前端怎么调用api接口