Submit Form in Razor view

April 30, 2019 16:16

Submit Form in Razor view (edit)

        @section Scripts
        {
            <script type="text/javascript">
                $(document).ready(function () {
                    $('form').submit(function (event) {
                        var self = this;
 
                        debugger;
 
                        event.preventDefault(); //prevent default action 

                        var post_url = $(self).attr("action"); //get form action url

                        var request_method = $(self).attr("method"); //get form GET/POST method

                        $('<input />').attr('type', 'hidden')
                            .attr('name', "id")
                            .attr('value', "1")
                            .appendTo(self);
 
                        var form_data = $(self).serialize(); //Encode form elements for submission

                        $.ajax({
                            url: post_url,
                            type: request_method,
                            data: form_data
                        }).done(function (response) {
                            alert('success');
                            //$("#server-results").html(response);
                        });
                    });
                });
            </script>
        }