WebApi的调用-1.前端调用

前端调用

前端

html

    

        
        
    



    

        
Get
        

            无参
            1个参数
            2个参数
            实体参数1 [FromUri]
            实体参数2 （传递反序列化）{ 参数: JSON.stringify(json) }
        
    
    

        
post
        

            

                

                    
                
            

            

                
                    1个参数
                    key为空
                
                
                    1个json
                    （传递序列化）传递：JSON.stringify({ id: 1, pass: '123', name: "tangsansan" })，接收：实体，
                    contentType: 'application/json'
                
            
            

                
                    1个表单
                    （传递序列化）传递：JSON.stringify($('#queryForm').serialize())，接收：dynamic，
                    contentType: 'application/json'
                
                
                    1个表单
                    传递：$('#queryForm').serialize()，接收：实体
                
            
            

                
                    1个复杂json
                    （传递序列化）传递：{ "User": "{ id: 1, pass: '123', name: "tangsansan" }", "Info": "info" }，接收：JObject
                
            
        
    

js

后台

public class ValuesController : ApiController
    {
        [HttpGet]
        public IEnumerable GetList()
        {
            return new string[] { "value1", "value2" };
        }

        [HttpGet]
        public string Get(int id)
        {
            return "value";
        }

        [HttpGet]
        public IEnumerable GetList(int id, string pass)
        {
            return new string[] { id.ToString(), pass.ToString() };
        }

        //Get传参：实体，必须添加 FromUri
        [HttpGet]
        public string GetUserList([FromUri]User user)
        {
            return string.Format("id:{0},name:{1},pass:{2}", user.id.ToString(), user.name, user.pass);
        }

        [HttpGet]
        public string UserJsonList(string userJson)
        {
            User user = JsonConvert.DeserializeObject(userJson);
            return string.Format("id:{0},name:{1},pass:{2}", user.id.ToString(), user.name, user.pass);
        }

        // POST api/values
        [HttpPost]
        public string PostOne([FromBody]string value)
        {
            return value;
        }

        //一个表单（一个json）
        [HttpPost]
        public string PostOneForm(dynamic value)
        {
            string user = Convert.ToString(value);
            return user;
        }

        //一个表单（一个实体）
        [HttpPost]
        public string PostTwoForm(User user)
        {
            //Dictionary objects = GetRequest();

            return string.Format("id:{0},name:{1},pass:{2}", user.id.ToString(), user.name, user.pass);
        }

        [HttpPost]
        public string PostThreeeForm(JObject jObject)
        {
            //Dictionary objects = GetRequest();
            string username = HttpContext.Current.Request.Form["User[name]"];
            dynamic json = jObject;
            JObject User = json.User;
            User user = User.ToObject();
            //Dictionary objects = GetRequest();

            return string.Format("id:{0},name:{1},pass:{2}", user.id.ToString(), user.name, user.pass);
        }

        // PUT api/values/5
        public void Put(int id, [FromBody]string value)
        {
        }

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

        /// 

        /// 获取所有参数   
        /// 
        /// 
        ///     A System.Collections.Generic.Dictionary value...
        /// 
        public Dictionary GetRequest()
        {
            var getrequest = HttpContext.Current.Request.Form;
            Dictionary dict = new Dictionary();

            for (int i = 0; i < getrequest.AllKeys.Length; i++)
            {
                dict.Add(getrequest.GetKey(i), getrequest[i]);
            }
            return dict;
        }
    }