webapi獲取參數方法大全

多個參數無需自定義類,get 就1種寫法,post共2種寫法

 

html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <div>
        <form id="form_add">
            <p>id:<input type="text" id="id" name="id" value="123" /></p>
            <p>name:<input type="text" id="name" name="name" value="戰神 update 1=1" /></p>
            
            <p>
                <input type="button" value="get" class="btn_get" />
                <input type="button" value="post1" class="btn_post1" />
                <input type="button" value="post2" class="btn_post2" />
            </p>
        </form>
    </div>
    <script type="text/javascript" src="/js/jquery.min_1.8.1.js"></script>
    <script type="text/javascript">
        $(function () {
            //get
            $(".btn_get").click(function () {
                var _data = { id: $("#id").val(), name: $("#name").val() }
                $.ajax({
                    url: '/api/test/getdata1',
                    type: "get",
                    //async: false,
                    data: _data,
                    success: function (data) {
                        console.log("get="+data)
                        alert(data);
                    },
                    error: function () {
                        alert("程序錯誤");
                    }
                })
            })
            $(".btn_post1").click(function () {
                var _data = { id: $("#id").val(), name: $("#name").val(), sex: 1 }
                $.ajax({
                    url: '/api/test/postdata1',
                    type: "post",
                    //async: false,
                    contentType: 'application/json',
                    data: JSON.stringify(_data),
                    //data: _data,
                    success: function (data) {
                        console.log("post="+data)
                        alert(data);
                    },
                    error: function () {
                        alert("程序錯誤");
                    }
                })
                return false;
            })
            $(".btn_post2").click(function () {
                var _data = { id: $("#id").val(), name: $("#name").val(),sex:1 }
                $.ajax({
                    url: '/api/test/postdata2',
                    type: "post",
                    //async: false,
                    //contentType: 'application/json',
                    //data: JSON.stringify(_data),
                    data: _data,
                    success: function (data) {
                        console.log("post2=" + data)
                        alert(data);
                    },
                    error: function () {
                        alert("程序錯誤");
                    }
                })
                return false;
            })
            
        })
    </script>
</body>
</html>

webapi

public class TestController : ApiController
    {

        [HttpGet]
        public string GetData1(string id,string name)
        {
            string res = "id===" + id + ",name===" + name;
            return res;
        }
        [HttpPost]
        public string PostData1(dynamic obj)
        {
            string res = "id===" + obj.id + ",name===" + obj.name;
            return res;
        }
        [HttpPost]
        public string PostData2([FromBody] JObject obj)
        {
            string res = "";
            res += "<br>id===" + obj["id"].ToString() + ",name===" + obj["name"].ToString()+",count="+ obj.Count;
            return res;
        }
    }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章