WebAPI学习一

一 什么是WebAPI

  • web:网页
  • API:接口(一套别人封装的属性和方法)
  • webAPI:专门操作网页的方法和属性
万物皆对象,在webAPI中把网页中所有元素都当成对象来处理

二 Restful

  • 在REST规则中,有两个基础概念:对象、行为
  • 对象就是我们要操作的对象,例如添加用户的操作,那么对象就是user
  • 行为有4种常用的:查看、创建、编辑、删除
  • rest的提出者很巧妙的利用http现有方法来对应这4种行为:
GET - 查看
POST - 创建
PUT - 编辑
DELETE - 删除

三 学习Dome

  • 创建一个学生实体(Model)
 public class Students
    {
        public int Id { get; set; }
        public string Name { get; set; }
    }
  • 创建一个学生的控制器(Controllers)
public class StudentsController : ApiController
    {
    
        public List<Students> Get() {
            return new List<Students>() {
                new Students{ Id=1,Name="zhangsan1"},
                new Students{ Id=2,Name="zhangsan2"},
                new Students{ Id=3,Name="zhangsan3"},
                new Students{ Id=4,Name="zhangsan4"},
                new Students{ Id=5,Name="zhangsan5"},
            };
        }
        public string Get(String name)
        {
            return "你传入的参数是" + name;
        }

        public void Post(Students stu) 
        { 
              throw new Exception("错了");
        }
        public void Put(int Id,Students stu) { 
        
        
        }
        public void Delete(int id) { 
        }
    }
  • 前端用Ajax请求Josn
        //get请求返回data数据
        $.ajax({
            url: "/api/Students?name=白晨星",
            type: "get"
        }).done(function (data) {
            console.log(data);
        })
        //post请求给存值
        $.ajax({
            url: "/api/Students",
            type: "post",
            data: {
                Id:1,
                Name:"wangwu"
            }
        }).done(function () {
            console.log("成功")

        }).fail(function () {
            console.log("失败")
        })
        //put请求通过Id修改值
        $.ajax({
            url: "/api/Students/1",
            type: "Put",
            data: {
                Id: 12,
                Name:"白晨星"
            }
        })
        //delete请求通过Id删除数据
        $.ajax({
            url: "/api/students/1",
            type: "delete",
        })


四 自定义

  • 创建一个user实体
 public class User
    {
        public string Admin { get; set; }
        public string Pwd { get; set; }
    }
  • 创建一个user的控制器
public class UserController : ApiController
    {
        [HttpPost]//没有用restful风格,需要自己定制用那种类型来处理
        [Route("Login")]
        public string Login(User  user) 
        {
            return "OK";
        }
        [HttpGet]
        [Route("Message")]
        public IHttpActionResult GetMessage() {
            //ok  200   //成功
            //notfound   404    
            //InternalServerError  500 服务器错误
            // return InternalServerError(new Exception("nicuo l "));       
            return Ok(new Students()
            {
                Id = 80,
                Name = "及格了"
            });
        }
    }
  • Ajax处理
//根据自定义的url给服务器传data数据 验证登录账号和密码
 $.ajax({
            url: "/api/User/Login",
            type: "post",
            data: {
                Admin: "admin",
                Pwd:"123456"
            }
        })

        $.ajax({
            url: "/api/User/Message",
            type: "get",
        }).done(function (data) {
            console.log("成功了",data)
        })
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,144评论 1 32
  • 一. Java基础部分.................................................
    wy_sure阅读 3,838评论 0 11
  • 1.abstract class 和interface 有什么区别? 抽象类可以有构造方法 接口不行 抽象类可以有...
    sunnysans阅读 888评论 0 1
  • 五十三:请解释 JavaScript 中 this 是如何工作的。1.方法调用模式当一个函数被保存为一个对象的属性...
    Arno_z阅读 601评论 0 2
  • Python程序员有很多很好的选择来创建Web应用程序和API;Django,Weppy,Bottle和Flask...
    顾家乐1020阅读 657评论 0 4