2017-05-04 22 views
0

https://www.codeproject.com/Articles/424461/Implementing-Consuming-ASP-NET-WEB-API-from-JQueryMVC 5 WEB APIのポスト

は私が私のWeb APIを実装するのに役立ちます。しかし、私は別のものがあります。あなたが見ることができるように、ここで私はKosaricaという名前の項目のリストを持っている

@model IEnumerable<dsr_vaja1.Models.Kosarica.Kosarica> 
@{ 
    ViewBag.Title = "kosarica"; 
    Layout = "~/Views/Shared/MasterStran.cshtml"; 
} 


<div id="accordion"> 
    <h3>Igre</h3> 
    <div> 
     <table class="table table-hover "> 
      <tr> 
       <th> 
        @Html.DisplayNameFor(model => model.ime_igre) 
       </th> 
       <th> 
        @Html.DisplayNameFor(model => model.cena_igre) 
       </th> 

      </tr> 
      @foreach (var item in Model) 
      { 
       <tr> 
        <td> 
         @Html.DisplayFor(modelItem => item.ime_igre) 
        </td> 
        <td> 
         @Html.DisplayFor(modelItem => item.cena_igre) 
        </td> 
       </tr> 
      } 
     </table> 
     <button onclick="AddEmployee();return false;">Add Employee</button> 


    </div> 
</div> 

:これは私のインデックスです。これは私のウェブAPIである:

public void Post(Nakup nakup) 
    { 
     nakup.Id = 1; 
     nc.Nakupi.Add(nakup); 
     nc.SaveChanges(); 
    } 

私のWeb APIを、すべてが完全に正常に動作し、今私はちょうど私がこの機能を使用する方法を知りたい:

内の項目のすべてについて
function AddGame() { 
     jQuery.support.cors = true; 
     var game = { 
      ID: model.id, 
      ime_igre: model.ime_igre, 
     }; 

     $.ajax({ 
      url: 'http://localhost:8080/API_SVC/api/EmployeeAPI', 
      type: 'POST', 
      data:JSON.stringify(employee), 
      contentType: "application/json;charset=utf-8", 
      success: function (data) { 
       WriteResponse(data); 
      }, 
      error: function (x, y, z) { 
       alert(x + '\n' + y + '\n' + z); 
      } 
     }); 
    } 

ユーザがボタンをクリックした後のリスト。

**編集

これを行う簡単な方法はありますか?私はちょうどコードの最初の行がリストであることに気付いた。 @model IEnumerable

モデルはオブジェクトのリストです。下のforeachループで見ることができるように、私はモデル内の項目をループします。だから私はちょうどjquery関数に何らかの形でモデルを渡すことができますか?

答えて

0

例えば、JavaScript関数を作成します。
関数AddGamesForAllItemsを(){

//を/ jQueryのセレクタを通じてHere

テーブルの要素によって

//ループHere

をテーブルを選択します/テーブルから必要な要素をパレメーターで渡すAddGame関数を呼び出す... AddGame関数内でパラメータを宣言する必要があります

}

必要なときにAddGamesForAllItems関数を呼び出します。例:Button click event。

希望すると助かります!

+0

これを行う簡単な方法はありませんか?私はちょうどコードの最初の行がリストであることに気づいた @モデルIEnumerable モデルはオブジェクトのリストです。下のforeachループで見ることができるように、私はモデル内の項目をループします。だから私はちょうどjquery関数に何らかの形でモデルを渡すことができますか? – averagejoex

+0

@接頭辞を先頭に付けたコードはすべて、ページ(html)がクライアントに送信される前に実行され、サーバー側でレンダリングされるコードであることを忘れないでください。だから、Javascriptでこのようなモデルを単純に使うことはできません... –