: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関数に何らかの形でモデルを渡すことができますか?
これを行う簡単な方法はありませんか?私はちょうどコードの最初の行がリストであることに気づいた @モデルIEnumerable モデルはオブジェクトのリストです。下のforeachループで見ることができるように、私はモデル内の項目をループします。だから私はちょうどjquery関数に何らかの形でモデルを渡すことができますか? –
averagejoex
@接頭辞を先頭に付けたコードはすべて、ページ(html)がクライアントに送信される前に実行され、サーバー側でレンダリングされるコードであることを忘れないでください。だから、Javascriptでこのようなモデルを単純に使うことはできません... –