asp.net core webAPI學習筆記（三）資源請求

前端使用的是jquery 的ajax

GET請求

1. 無參請求
   前臺代碼

   $.get('https://localhost:44388/api/values', function(res){ 
   	console.log(res) ;
   });
   

   後臺代碼

   // GET api/values
   [HttpGet]
    public OkObjectResult Get()
    {
        return Ok(new
        {
            status = 1,
            msg = "get list request"
        });
    }
   

2. 有參請求
   前臺代碼

   $.get('https://localhost:44388/api/values/' + 6, function(res){ 
   	console.log(res) ;
   });
   

   後臺代碼

   // GET api/values/5
   [HttpGet("{id}")]
   public OkObjectResult Get(int id)
   {
       return Ok(new
       {
           status = 1,
           msg = "get single request:" + id
       });
   }
   

POST請求

在這裏需要注意一個問題
.net core 2.1及以上版本在創建項目自動構建代碼時，會自動添加一個[ApiController]屬性

添加屬性後，post請求獲取不到參數，具體原因參照
https://www.cnblogs.com/sheldon-lou/p/9495377.html

1. 基本類型參數請求

   前臺代碼

   $.ajax({
   		url:"https://localhost:44388/api/values",
   		type:"post",
   		dataType:"json",
   		data:{value: 'mes'},
   		success:function(res){
   			console.log(res);
   			$("#res").text(res.msg);
   		}
   });
   

   後臺代碼

   // POST api/values
   [HttpPost]
   public OkObjectResult Post(string value)
   {
       return Ok(new {
           status = 1,
           msg = "create value:" + value
       });
   }
   

2. 模型參數請求
   前臺代碼

   $.ajax({
   		url:"https://localhost:44388/api/values",
   		type:"post",
   		dataType:"json",
   		data:{name: 'mes', price: 66},
   		success:function(res){
   			console.log(res);
   			$("#res").text(res.msg);
   		}
   });
   

   後臺代碼

   //Book類
   public class Book
   {
       public string name { set; get; }
       public string price { set; get; }
   }
   
   // POST api/values
   [HttpPost]
   public OkObjectResult Post(Book book)
   {
       return Ok(new
       {
           status = 1,
           msg = "create value:" + book.name
       });
   }