web前端怎么调用api接口
答案:1 悬赏:60
解决时间 2021-01-30 06:36
- 提问者网友:皆是孤独
- 2021-01-30 02:46
web前端怎么调用api接口
最佳答案
- 二级知识专家网友:时间的尘埃
- 2021-01-30 03:52
方法/步骤
先定义一个简单的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的数据,如下图所示
点击每个按钮,可以在页面上看到相应的效果
先定义一个简单的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的数据,如下图所示
点击每个按钮,可以在页面上看到相应的效果
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯