I am creating a web application for event management using .net mvc and jquery. I created a mvc web app.contoller named SeatPlansController and model named SeatPlanes and I am able to insert the data to database. But I am not able pass the data from jquery to database using the mvc controller.

My controller action code is as shown below

    // GET: SeatPlans/Create
    public ActionResult Create()
    {
        return View();
    }

    // POST: SeatPlans/Create
    // To protect from overposting attacks, please enable the specific properties you want to bind to, for 
    // more details see http://go.microsoft.com/fwlink/?LinkId=317598.
    [HttpPost]
    [ValidateAntiForgeryToken]

 public ActionResult Create(String seat_id, String seat_no)
        {
            int id = 10;
            SeatPlans S = new SeatPlans();
            S.seat_id = seat_id;
            S.seat_no = seat_no;
            if (ModelState.IsValid)
            {


                db.SEATPLAN.Add(S);
                db.SaveChanges();
              //  return RedirectToAction("Index");
            }

            return View(S);
        }


   

In post create controller Id is primary key, so I want to pass seat_id,seat_no as argument and it should update the database.

I used following javascript

function getPerson(id) {

    $.ajax({
        type: "GET",
        url: '@Url.Action("create", "SeatPlanesController")',
        contentType: "application/json; charset=utf-8",
        data: {eat_id :6, seat_no:8},
        dataType: "json",
        success: function (result) {
            alert(result);
            //window.locationre = result.url;
        }
    });
}

I am able to run the create get method using

http://localhost:52348/SeatPlans/Create

but how can I run post method directly from browser with argument something like

http://localhost:52348/SeatPlans/Create/2/3t/e

I have changed the script as bellow,it works for GET method but if i made TYPE:"post" it popup an alert box with alert "localhost:52348 says: internal server error"

     $(document).ready(function () {
            $("button").click(function () {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: '@Url.Action("Create", "SeatPlans", new { Area = "" })',
                    data: { seat_id: "34", seat_no: "98" },
                    dataType: "json",
                    async: false,
                    success: function (result) {
                        $("#div1").html(result);
                    },

                    error: function (abc) {
                    alert(abc.statusText);
                    },



                });
            });
        });