пытается передать значения в контроллер mvc с помощью jquery

Question

Я пытался передать значения из представления в контроллер в mvc, используя jquery. Когда я нажимаю кнопку #btncontinue, активируется обратный вызов ошибки ajax. Я не знаю, почему это произошло. Вот часть моего кода, которая вызывает это:

    $("#btncontinue").click(function (e) {
        e.preventDefault();

        var custname = "johnson ben";
        var phone = "444-556-667";
        var email = "admin@gmail.com";


            $.ajax({
                type: 'POST',
                url: '@Url.Action("BookingDetails", "Room")',
                dataType: "json",
                data: { phone: phone, custname: custname, email: email },
                contentType: 'application/json; charset=utf-8',
                success: function (data) {
                   alart(data);
                      }, 
                error: function (data) {
                    alert("Error occured!!");
                    }
            });

    });

controller

    [HttpPost]
    public JsonResult BookingDetails(string phone, string custname, string email)
    {
         string data = phone;
        return Json(data, JsonRequestBehavior.AllowGet);
    }