不使用jQuery对Web API接口POST,PUT,DELETE数据

2018-06-22 06:01:49来源：未知阅读 ()

前些天，Insus.NET有演示Web API接口的操作：
《怎样操作WebAPI接口(显示数据)》http://www.cnblogs.com/insus/p/5670401.html

《ASP.NET MVC对WebAPI接口操作(添加，更新和删除)》http://www.cnblogs.com/insus/p/5673641.html

但是，有网友说，不想使用jQuery，全部以ASP.NET MVC来实现。Ok，那来看看，先来实现POST的功能，即是往Web API添加数据。

在控制器中，创建两个Action，即是视图Action，另一个是POST的Action:

HttpClient client = new HttpClient();

            HttpContent httpcontent = new StringContent(size.ToJson(), System.Text.Encoding.UTF8, "application/json");

            client.PostAsync("http://localhost:9001/api/size", httpcontent)
                .ContinueWith((postTask) =>
                {
                    postTask.Result.EnsureSuccessStatusCode();
                });

Source Code

视图代码：

程序运行，看看是否能正常运行，数据库是否有数据插入？

下面演示更新操作PUT，在控制器中，创建Action，一个显示数据，另一个更新数据：

 public ActionResult PutDemo(int id)
        {
            var sizes = ApiUtility.Get<Size>("http://localhost:9001/api/size/" + id);
            var model = sizes.FirstOrDefault();
            return View(model);
        }

        [HttpPost]
        public ActionResult PutDemo(Size size)
        {
            HttpClient client = new HttpClient();

            HttpContent httpcontent = new StringContent(size.ToJson(), System.Text.Encoding.UTF8, "application/json");

            client.PutAsync("http://localhost:9001/api/size", httpcontent)
                .ContinueWith((postTask) =>
                {
                    postTask.Result.EnsureSuccessStatusCode();
                });
            return RedirectToAction("PutDemo", size.Size_nbr);
        }

Source Code

视图：

实时演示：

下面Insus.NET再把Delete的功能实现完，在实现删除这个功能时，出现一点点困难：
先在控制器创建操作Action:

public ActionResult DeleteDemo(int id)
        {
            var sizes = ApiUtility.Get<Size>("http://localhost:9001/api/size/" + id);
            var model = sizes.FirstOrDefault();
            return View(model);
        }

        [HttpPost]
        public ActionResult DeleteDemo(Size size)
        {
            HttpClient client = new HttpClient();

            client.DeleteAsync("http://localhost:9001/api/size/" + size.Size_nbr)
                .ContinueWith((postTask) =>
                {
                    postTask.Result.EnsureSuccessStatusCode();
                });
            return RedirectToAction("ShowApiData1");
        }