WebApi 跨域调用

最新推荐文章于 2021-12-29 18:23:05 发布

专注开发

最新推荐文章于 2021-12-29 18:23:05 发布

阅读量435

点赞数 1

分类专栏： .net C# 文章标签： .net C# WebApi

本文链接：https://blog.csdn.net/bdbql/article/details/51184592

版权

.net 同时被 2 个专栏收录

25 篇文章 0 订阅

订阅专栏

15 篇文章 0 订阅

订阅专栏

1.WebAPI添加类库引用

2.WebApiConfig添加

config.EnableCors(new EnableCorsAttribute("*", "*", "*"));

3.控制器示例

namespace WebApiTest.Controllers
{
    [EnableCors("*", "*", "*")]
    public class UserModelsController : ApiController
    {
        // GET: api/UserModels
        public List<UserModels> Get()
        {
           return  new List<UserModels>() { new UserModels() {Id=1,Name="小红",EmailAddress="1111@qq.com" } };
        }

        // GET: api/UserModels/5
        public string Get(int id)
        {
            return "value";
        }
        public string Post([FromBody]UserModels value)
        {
            return value.Name;
        }

        // PUT: api/UserModels/5
        public string Put(int id, [FromBody]UserModels value)
        {
            return "你好" + id + "," + value.Name;
        }

        // DELETE: api/UserModels/5
        public void Delete(int id)
        {
        }
    }
}

4.示例1：Ajax调用PUT

$.ajax({
                url: "http://localhost:30172/api/UserModels/12",
                data: { "Name": "SSSSSSS" },
                type: "Put",
                success: function (data) {
                    $('#content').html(data);
                    alert(data);
                }
            });

示例2：HTML页面调用

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
    <script src="js/jquery-1.12.0.min.js"></script>
</head>
<body>
<form id="form1" action="http://localhost:30172/Api/UserModels" method="post">
<input name="Name" id="Name"/>
<input name="EmailAddress"/>
<button>提交</button>
</form>
</body>
</html>

专注开发

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
WebApi 跨域调用

1.WebAPI添加类库引用2.WebApiConfig添加config.EnableCors(new EnableCorsAttribute("*", "*", "*"));3.控制器示例 namespace WebApiTest.Controllers{ [EnableCors("*", "*", "*")] public class UserMode
复制链接

扫一扫

专栏目录