Untitled

ASP.NET MVC multiple forms, staying on same page

<div id="RequestButtonDiv">

    <button id="RequestButton" name="Request" type="button">Request</button>

</div>

       

<script type="text/javascript">

            $(document).ready(function () {

                $('#RequestButton').click(function (event) {

                    $('#RequestButton').text('Processing...');

                    $('#RequestButton').attr('disabled', true);

                    submitRequest();

                });

            });

 

            function submitRequest() {

                $.ajax({

                    url: '<%: Url.Action("AddToCart", "Request", new { id = Model.RowId,  randomId = new Random().Next(1, 999999) }  ) %>',

                    success: function (response) {

                        // update status element

                        $('#RequestButtonDiv').html(response);

                    }

                });

            }          

 </script>

       

public ActionResult AddToCart(int id)

    {

        var user = AccountController.GetUserFromSession();

        user.RequestCart.AddAsset(id);

 

        return View("~/Views/Assets/Details_AddToCart.ascx");

    }