前端ajax调用webapi

 时间:2026-02-16 14:48:01

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

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

public class TestModle

    {

       public string a { get; set; }

       public string b { get; set; }

       public string c { get; set; }

    }

前端ajax调用webapi

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

前端ajax调用webapi

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

前端ajax调用webapi

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

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

前端ajax调用webapi

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

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

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

前端ajax调用webapi

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

前端ajax调用webapi

前端ajax调用webapi

前端ajax调用webapi

前端ajax调用webapi

  • ubuntu下安装拼音及五笔输入法
  • sql server怎么进行差异备份
  • oracle全集:[2]oracle登录错误提示解决方法
  • 如何在ubuntu下安装合适的翻译词典
  • 启动WebLogic集群管理端,创建集群和添加节点
  • 热门搜索
    吉野家牛肉饭的做法 西红柿酱的做法 轭怎么读 怎么查询个人征信 挂面的做法 醋泡姜的做法 芹菜叶的做法 黄油面包的做法 饺子馅怎么调好吃 酸菜鱼的做法和步骤图