C# web Api ajax发送json对象到action中

最新推荐文章于 2024-05-19 20:58:55 发布

weixin_30823227

最新推荐文章于 2024-05-19 20:58:55 发布

阅读量85

点赞数

文章标签： json xhtml

原文链接：http://www.cnblogs.com/LoveQin/p/6629612.html

版权

直接上代码：

1.Product实体

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace AjaxAPIWeb.Models
{
    public class Product
    {
        public int Id { get; set; }
        public string Name { get; set; }
    }
}

2.index.html页面

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="Scripts/jquery-1.8.2.js"></script>
</head>
<body>
    <input type="button" value="提 交" id="add" />
    <script type="text/javascript">
        $(function () {
            $("#add").click(function () {
                $.ajax({
                    url: "/api/Product/GetProduct",
                    data: JSON.stringify({ Id: 1, Name: "张三" }),
                    dataType: "json",
                    type: "POST",
                    contentType: "application/json",
                    success: function (data) {
                        console.log(data);
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert(textStatus + ": " + errorThrown);
                    }
                })
            })
        });

    </script>
</body>
</html>

3.ProductController

using AjaxAPIWeb.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Web.Http;

namespace AjaxAPIWeb.Controllers
{
    public class ProductController : ApiController
    {

        [HttpPost]
        public object GetProduct(Product productModel)
        {
            string result = "";
            int id = productModel.Id;
            string name = productModel.Name;
            result = "id：" + id + "name:" + name;
            return result;
        }


    }
}

最终的效果如下：

转载于:https://www.cnblogs.com/LoveQin/p/6629612.html

weixin_30823227

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
C# web Api ajax发送json对象到action中

直接上代码：1.Product实体using System;using System.Collections.Generic;using System.Linq;using System.Web;namespace AjaxAPIWeb.Models{ public class Product { public int ...
复制链接

扫一扫