Edit Question - KnowledgeHub

Title Body

I am trying to achieve a JQuery AJAX call to a controller action method that contains a complex object as a parameter. I have read plenty blogs and tried several techniques learned from these. The key post on which I have constructed my best attempt code (below) is the stackoverflow post here . I want to trigger an asynchronous post, invoked when the user tabs off a field [not a Form save post – as demonstrated in other examples I have found]. My intention is to: Instantiate an object on the client [not the ViewModel which provides the type for the View]; Populate the object with data from several fields in the view; Convert this object to JSON; Call the controller action method using the jQuery.Ajax method, passing the JSON object. The results will be returned as a JSON result; and data will be loaded into fields in the view depending on results returned. The problems are: If the action method is attributed with the HttpPost attribute, the controller Action method is not invoked (even though the AJAX call type is set to ‘POST’). If the action method isattributed with HttpGet, the values of properties of the parameter are null The ReadObject method throws the error: "Expecting element 'root' from namespace ''.. Encountered 'None' with name 'namespace'". Hopefully someone can help. Thanks. Code below: Client js file var disputeKeyDataObj = { "InvoiceNumber": "" + $.trim(this.value) + "", "CustomerNumber": "" + $.trim($('#CustomerNumber').val()) + "" }; var disputeKeyDataJSON = JSON.stringify(disputeHeadlineData); $.ajax({ url: "/cnr/GetDataForInvoiceNumber", type: "POST", data: disputeKeyDataJSON, dataType: 'json', contentType: "application/json; chars

Tags (comma-separated) Cancel