ui dialog au démarrage

Salut,

Tu crée une vue assez simple qui ne demande pas de long temps de traitement.

Et dans ta vu tu fais un appel Ajax qui va aller récupérer tes données.

Dans l'exemple ci-dessous il ne faut pas oublier d'inclure JQuery.

Controller :

Code:

1
2
3
4
5
6
7
    public class TestApiController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }
    }

ApiController :

Code:

1
2
3
4
5
6
7
8
9
public class TestApiApiController : ApiController
    {
        public HttpResponseMessage GetById(int id)
        {
                Thread.Sleep(10000);
                string retValue = "Le retour";
                return Request.CreateResponse(HttpStatusCode.OK, retValue);
            }
}

Vue :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
@{
    ViewBag.Title = "Index";
}
 
<h2>Index</h2>
    <label id="lblTest"></label>
<label id="lblError"></label>
@section scripts
{
<script type="text/javascript">
var apiUrl = "api/TestApiApi"
$(document).ready(function () {
$.getJSON(apiUrl + '/' + 1)
                .done(function (data) {
                    $("#lblTest").text(data);
                })
                .fail(function (jqXHR, textStatus, err) {
                    $('#lblError').text('Error: ' + err);
                });
});
</script>
}

Je n'ai pas testé ce code... j'ai fait un copié coller(renommer) d'un code qui fonctionne donc il peut manquer un ou deux trucs mais l'idée est là !

Pour info mais a utiliser plus tard : Il y a des libraires JS pour faire du Binding (Angular, Knockout, ...)

ui dialog au démarrage - asynchrone