jQuery Popup Save button to execute POST method

Question

I am using below code to open a jQuery popup box containing a Text Box.

User has to fill the remarks and click Save button on the popup.

The popup has two buttons: Save and Cancel.

I tried calling an Action Method when Save is clicked, but each time it is calling the GET method. It is not calling the POST method.

On click of Save, the remarks entered should be posted to an Action Method.

What changes are required in this code?

<script type="text/javascript">
        $(function () {
        $('#btnclick').click(function () {
            $("#popupdiv").dialog({
                title: "Enter Remarks: ",
                width: 400,
                height: 200,
                modal: true,
                buttons: {
                    Save: function () {
                        //POST code here
                    },
                    Close: function () {
                        $(this).dialog('close');
                    }
                }
            });
        });
    })
    </script>

Theunis · Accepted Answer · 2015-12-07 08:44:22Z

2

This is an ajax post example. Assuming your remarks are contained within a $('#remarks') you can try this.

var remarks = {remarks: $('#remarks').val()};
var json = JSON.stringify(remarks);
 $.ajax({
        url: "localhost/Home/RemarksPost",
        type: "post",
        data:  json,
        dataType: 'json',
        success: function (response) {
           // you will get response 

        },
        error: function(jqXHR, textStatus, errorThrown) {
           console.log(textStatus, errorThrown);
        }


    });

and your action result will look something like this

[HttpPost]
public ActionResult RemarksPost(string remarks)
{
 //Your code here
}

edited Dec 7, 2015 at 8:44

answered Dec 7, 2015 at 8:12

Theunis

3381 silver badge15 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

RKh Over a year ago

One more help. Whatever was entered in the Remarks box should get returned to that Action Method.

Khalid T. Over a year ago

Pass it using the 'data' object: data: $("#remarks").val()

Theunis Over a year ago

I have updated the comment to reflect your requirements.

Collectives™ on Stack Overflow

jQuery Popup Save button to execute POST method

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related