前端ajax调用webapi

 时间:2024-11-06 13:57:50

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

工具/原料

mvc4webapi

jqueryajax

方法/步骤

1、先定义一个简单的webapi,简单到差不多直接用v衡痕贤伎s2010自动生成的webapi代码。其中的TestModle是一个简单的class,剧安颌儿如下publicclassTestModle{publicstringa{get;set;}publicstringb{get;set;}publicstringc{get;set;}}

前端ajax调用webapi

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

前端ajax调用webapi

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

前端ajax调用webapi

4、get和post水貔藻疽,我习惯用$.get和$.post,当然也能用$.ajax.get直接返回webapiget的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集群管理端,创建集群和添加节点
热门搜索
色欧美图片 空姐性感图片 图片怎么去除水印 美少女战士动漫 杨惠妍图片