Вызов ASP.NET MVC контроллеров из JavaScript (TypeScript)

Существует несколько способов вызова ASP.NET MVC контроллеров из JavaScript (TypeScript).

1. Использовать jQuery Ajax Get запрос.
Controller's Action Method
[HttpGet]
public ActionResult Foo(string id)
{
    var person = Something.GetPersonByID(id);
    return Json(person, JsonRequestBehavior.AllowGet);
}
Jquery GET
function getPerson(id) {
    $.ajax({
        url: '@Url.Action("Foo", "SomeController")',
        type: 'GET',
        dataType: 'json',
        cache: false,
        data: { id: id },
        success: function(person) {
            $('#FirstName').val(person.FirstName);
            $('#LastName').val(person.LastName);
        }
    });
}
Person class
public class Person
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
}
2. Использовать jQuery Ajax Post запрос.
Аналогично предыдущему случаю, но запрос выполняется иначе.
$(function () {
    $("#personCreate").click(function () {
        var person = getPerson();

        // poor man's validation
        if (person == null) {
            alert("Specify a name please!");
            return;
        }

        // take the data and post it via json
        $.post("home/save", person, function (data) {
            // get the result and do some magic with it
            var message = data.Message;
            $("#resultMessage").html(message);
        });
    });
});

function getPerson() {
    var name = $("#Name").val();
    var age = $("#Age").val();

    // poor man's validation
    return (name == "") ? null : { Name: name, Age: age };
}






Комментариев нет :

Отправить комментарий

Примечание. Отправлять комментарии могут только участники этого блога.