The HTTP verb POST used to access path '/Documents/TestNote/Documents/AddNote' is not allowed

Question

I am having two user control on a aspx page and one of the user control has a text area for notes. and i am trying to use JSON so that when they click the addnote button it does not reload the page.

Below is my java script , but it says that it is giving this error

The HTTP verb POST used to access path '/Documents/TestNote/Documents/AddNote' is not allowed.

<script type="text/javascript">
    $(document).ready(function() {

        $("#btnAddNote").click(function() {
            alert("knock knock");
            var gnote = getNotes();
            //var notes = $("#txtNote").val();
            if (gnote == null) {
                alert("Note is null");
                return;

            }

            $.post("Documents/AddNote", gnote, function(data) {
                var msg = data.Msg;
                $("#resultMsg").html(msg);
            });
        });
    });

    function getNotes() {
        alert("I am in getNotes function");
        var notes = $("#txtNote").val();
        if (notes == "")
            alert("notes is empty");
        return (notes == "") ? null : { Note: notes };
    }
</script>

My controller

[HttpPost]
    public ActionResult AddNote(AdNote note)
    {
        string msg = string.Format("Note {0} added", note.Note);
        return Json(new AdNote { Note = msg });


    }

Answer 1

in the controller use

return Json(new AdNote { Note = msg },sonRequestBehavior.AllowGet);