Requirements
App Query WebApi Examples
In this example, we'll get app-data from the WebApi which runs a query with a parameter.
Click to see the result of a WebApi call with the shared code:
Output
Source Code of this file
Below you'll see the source code of the file. Note that we're just showing the main part, and hiding some parts of the file which are not relevant for understanding the essentials. Click to expand the code
@inherits Custom.Hybrid.Razor14 <!-- unimportant stuff, hidden --> <div @Sys.PageParts.InfoWrapper()> @Html.Partial("../shared/DefaultInfoSection.cshtml") <div @Sys.PageParts.InfoIntro()> <h2>App Query WebApi Examples</h2> <p> In this example, we'll get app-data from the WebApi which runs a query with a parameter. </p> <p> Click to see the result of a WebApi call with the shared code: </p> </div> </div> @{ var authorId = AsDynamic(App.Data["Persons"].First()).EntityId; } <button type="button" class="btn btn-primary" onclick="getAuthor(this, @authorId)"> Get Author #@authorId </button> @* 2sxclint:disable:no-inline-script *@ <script> function getAuthor(moduleContext, authorId) { $2sxc(moduleContext).webApi.fetchJson('authorsquery/get?authorId=' + authorId) .then(function (author) { alert('Found author: ' + author.FirstName + ' ' + author.LastName + ' (with ' + author.Books.length + ' books) \n\n' + 'The raw JSON: \n' + JSON.stringify(author) ); }); } </script> @* Footer *@ @Html.Partial("../Shared/Layout/FooterWithSource.cshtml", new { Sys = Sys })