使用ajax調用web Api 方法中出現的問題總結

標籤：mbg   dvr   dom   body   opd   eve   綁定   jci   pdm   

一，Get請求

1，無參數Get請求，跟平常寫ajax請求一樣，並無什麼差別

  $.ajax({
            url: ‘.../api/User/UserVerify,
            type: ‘get‘,
            success: function (json) {
                alert(json);
            },
            error: function () {
                alert("error");
            }
        });

此時，後台代碼api代碼可以直接public string UserVerify(){}，需要在action上添加HttpGet特性

2，有一個或多個參數的Get請求

$.ajax({
            url: ‘.../api/User/UserVerify?loginName=admin&passWord=123456‘,
            type: ‘get‘,
            success: function (json) {
                alert(json);
            },
            error: function () {
                alert("erroe");
            }
        });

此時，後台Api代碼可以public string LoginVerify(string loginName,string passWord){},需要在action上添加HttpGet特性

二，Post請求

1，無參數的Post請求

  $.post(
            ‘.../api/User/UserVerify‘,
           function (json) {
                alert(json);
            });

此時，後台調用需要在Action上添加HttpPost特性，   public string LoginVerify(){}

2，一個參數的Post請求

在post請求中，方法的參數必須要用 [FromBody] 屬性來修飾才可以， [FromBody] 就告訴Web API 要從post請求體重去擷取參數的值。也就是要寫成如下形式：

 [HttpPost,ActionName("UserVerify")]
        public string LoginVerify([FromBody]string loginName){}

同時，前台調用時如果還是按之前的寫法

$.post(
            ‘.../api/User/UserVerify‘,
            { loginName:"admin"},
           function (json) {
                alert(json);
            });

則會出現如下情況，即：可以正常跳轉，可是擷取不到相應傳輸的值。因為Web API 要求請求傳遞的 [FromBody] 參數，肯定是有一個特定的格式，才能被正確的擷取到。而這種特定的格式並不是我們常見的 key=value 的索引值對形式。Web API 的模型繫結器希望找到 [FromBody] 裡沒有鍵名的值，也就是說， 不是 key=value ，而是 =value 。

所以，接下來我們把調用參數修改為如下形式：

需要注意的時，在此時一定要把服務重建

3，兩個或多個參數的Post請求

[FromBody] 修飾的參數只能有一個。我們需要對傳遞的多個參數進行封裝才行。

這裡，我們可以將 loginName和 passWord 封裝成一個User類

 

後台方法需要

[HttpPost,ActionName("UserVerify")]
        public string LoginVerify([FromBody]UserExEntity user)
        {
            try
            {
                return "姓名" + user.loginName+"密碼"+user.passWord;
            }
            catch
            {
                return null;
            }
        }

 

前台調用需要

此時，我們可以看到Form Data 的格式是 key=value&key=value 這種表單資料格式，我們平時使用的比較多的一般為json格式。

 

使用ajax調用web Api 方法中出現的問題總結