データを取得WEBAPI

MVCは、大学の学期中にWEBAPIからデータをフェッチ

コードで直接見て

最初のコントローラであります

使用してシステムを。
使用してSystem.Collections.Genericを。
使用してSystem.Linqのを。
使用してSystem.Netを。
使用してSystem.Net.Httpを。
使用してのSystem.Webを。
使用してSystem.Web.Httpを。
使用してSystem.Web.Securityを。


名前空間WEBAPI.Controllers 
{ 
    // 简历一个类存储数据
    パブリック クラスユーザー
    { 
        公共の int型ユーザーID { 取得します。セット; }
         パブリック 文字列のユーザー名{ 取得します。セット; }
         パブリック 文字列の PWD { 取得します。セット; } 
    } 
    // 存储数据
    パブリック クラスUserControllerで：ApiController 
    { 
        プライベートリスト<ユーザー> _userlist = 新しいリスト<ユーザ> （）
       { 
           新しいユーザー{ユーザーID = 1、ユーザ名= " jake1 "、PWD = " 123 " }、
            新しいユーザー{ユーザーID = 2、ユーザ名= " jake2 "、PWD = " 123 " }、
            新しいです= {ユーザーIDユーザー3。 、ユーザ名= " jake3 "、PWD = " 123 " }、
       }; 

        // 取得GETデータ

        // すべてのデータが取得
         // API /ユーザー/ゲット
        公共のIEnumerable <ユーザー> のGet（）
        { 
            
            戻り_userlistを。
        } 
        // IDに応じて、取得したデータ
        のパブリックユーザ取得（int型のID）
        { 
            ダイナミックUは、
            Uは、 =（から C に _userlist c.Userid.Equalsは、（ID）がSELECTC）.FirstOrDefault（）; // 最初にデータを取得 
            U = _userlist.FirstOrDefault（P => p.Userid.Equals（ID））;
             戻りUを; 

        } 
        // データは、オブジェクトに応じて取得し
        、パブリックユーザgetModel（[FromUri ]ユーザーU）
        { 
            ダイナミックUS;
            / * U =（Cから_userlistでWHERE c.Userid.Equals（ID）SELECT C）.FirstOrDefault（）; * /// 最初のデータに運ば 
            米国= _userlist.FirstOrDefault（ = P> p.Userid.Equals（u.Userid）&& p.Username.Equals（u.Username））;
             を返す米国を; 

        } 

        // POSTデータの取得

           //は、すべてのデータを取得します
        [HttpPost]
         公共のIEnumerable <ユーザー> GETUSER（）
        { 

            戻り_userlist; 
        } 
        // IDに応じて、単一のデータを取得
        [HttpPost]
         公共のIEnumerable <ユーザー> GetUser1（[FromBody] int型ID）
        { 

            戻り_userlist; 
        } 
        
    } 
}

ビュー

@ { 
    レイアウト = NULL ; 
}

 <！DOCTYPE HTML> 

<HTML> 
<HEAD> 
    <メタ名= " ビューポート"コンテンツ= " 幅=装置幅" /> 
    <タイトル>インデックス</ TITLE> 
    <スクリプトSRC = " 〜/スクリプト/ jqueryの-3.3 .1.js " > </ SCRIPT> 
</ HEAD> 
<BODY> 
    部分得る
    の<div> 
        の<input type = " ボタン" ID = " BTN1 "値= "ボタン" ID = " BTN2 "値= " 指定されたデータを返し" /> 
        <br /> 
        の<input type = " ボタン" ID = " btn3 "値= " カプセル化されたユーザデータ転送" /> 
        <br /> 

    </ div>を


    ポストセクション
    の<div> 
        <INPUTタイプ= " ボタン" ID = " btn4 "値= " すべてのデータを返す" /> 
        <br />は
        <input type = " ボタン " ID = " btn5 "値= " 指定されたデータを返し" /> 
        <br /> 
        の<input type = " ボタン" ID = " btn6 "値= " カプセル化されたユーザデータ転送" /> 
        <br /> 
        ユーザー名： <INPUT TYPE = " テキスト" ID = " txtName "名前= " txtName " /> 
        パスワード： <INPUTタイプ= "テキスト" ID = "txtpwd、 "NAME = " txtpwd " /> 
        の<input type = " ボタン"値= " 登录" /> 
    </ div> 
    <script> 
        $（関数（）{ 
            $（" ＃1 BTN1 " ）.click（関数（）{ 
                $。アヤックス（{ 
                    タイプ：' GET ' 、
                    URL：' / API /ユーザー/ゲット' 、
                    データ型：' JSON ' 
                    の成功：関数（RES）{ 
                        警告（RES）; 
                    } 
                }）
            }）


            $（" ＃のBTN2 " ）.click（関数（）{ 
                $アヤックス（{ 
                    タイプ：' GET ' 、
                    URL：' / API /ユーザー/取得/ 1 ' 、
                    データ型：' JSON ' 、
                    成功：機能（RES）{ 
                        アラート（RES）; 
                    } 
                }）
            }）


            $（" ＃1 btn3 " ）.click（関数（）{
                 VARのユーザー= {ユーザーID：1、ユーザー名：' ジェイク'、PWD：' 123 ' }; 
                $アヤックス（{ 
                    タイプ：' GET ' 、
                    URL：' / API /ユーザー/ GetModel / ' 、
                    データ型：' JSON ' 、
                    データ：ユーザー、
                    成功：関数（RES）{
                        警告（RES）; 
                    } 
                }）
            }）

            $（" ＃のbtn4 " ）.click（関数（）{ 
                
                $アヤックス（{
                    タイプ：' POST ' 、
                    URL：' / API /ユーザー/ GETUSER / ' 、
                    データ型：' JSON ' 、
                    
                    成功：機能（RES）{ 
                        警告（RES）; 
                    } 
                }）
            }）


            $（" ＃1 btn5 "）.click（関数（）{
                 VARの D = { "" ：" 1 " }; 
                $アヤックス（{ 
                    タイプ：POST ' 
                    URL：' / API /ユーザー/ GetUser1 / ' 
                    データ型：' JSON 」、
                    データ：D、
                    成功：機能（RES）{ 
                        警告（RES）; 
                    } 
                }）
            }）
            }）
        }）

           
     </スクリプト>
</ BODY> 
</ HTML>

おすすめ