مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

iran

عضویت از 1394/01/31

عمل ثبت بوسیله ajax

  • شنبه 10 شهریور 1397
  • 16:27
تشکر میکنم

سلام

من کد زیر را نوشته ام

@model Modal.Models.TestModal

@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Create</h2>


@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>TestModal</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Family, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Family, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Family, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Age, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Age, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Age, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" onclick="Insert();" class="btn btn-default" />
            </div>
        </div>
    </div>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section scripts{
    <script>
        function Insert() {
            $.ajax({
                url: "@Url.Action("Create", "TestModals1")",
                type: "Post",
                data: {}
            }).done(function (res) {
                alert(1);
                });

        }

    </script>

}
    [HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult Create([Bind(Include = "Id,Name,Family,Age")] TestModal testModal)
        {
            if (ModelState.IsValid)
            {
                db.TestModals.Add(testModal);
                db.SaveChanges();
                return RedirectToAction("Index");
            }

            return View(testModal);
        }

من می خواهم عمل ثبت بکمک ajax انجام شود

و اسکریپت زیر را نوشته ام

  <script>
        function Insert() {
            $.ajax({
                url: "@Url.Action("Create", "TestModals1")",
                type: "Post",
                data: {}
            }).done(function (res) {
                alert(1);
                });

        }

    </script>

می دانم اشتباه است

من میخواهم وقتی روی دکمه ثبت کلیک کردم کد بالا اجرا شود وقتی درست عملیات ثبتاجرا شد به جای ارجا به صفحه index مثلا به صفحه جزییات برود

نمی دانم کدم را چگونه بنویسم

پاسخ های این پرسش

تعداد پاسخ ها : 1 پاسخ
کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • شنبه 10 شهریور 1397
  • 17:32

پیشنهاد ممیکنم از Ajax.BeginForm استفاده کنید 

به روز رسانی div و Partial View با استفاده از Ajax beginform در mvc

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)