send viewmodel to controller

Question

I want to send the viewmodel to my controller in mvc4. Everything I have tried comes back as the viewmodel is undefined. Everything else works fine. The page generates and shows all the values it should, but I can't seem to change the vm to json and send via post

view model

var guideviewmodel = function () {
var self = this;
self.scencustlist = ko.observableArray([]);
...}

ko.applyBindings(new guideviewmodel);

I have tried it both in the viewmodel and outside.

        $("#export").on("click", function (model, event) {
            var json = ko.toJSON(guideviewmodel);
            alert(json);
            $.ajax({
                type: 'POST',
                url: callPath + "/api/excel",
                cache: false,
                contentType: 'application/json; charset=utf-8',
                //data: JSON.stringify(self.scenppeditlist()),
                data: ko.toJSON(this.data),
                success: function () {
                    // success message 
                }
            });
        });

        self.exporttoexcel = function () {
            var json = ko.toJSON(guideviewmodel);
            alert(json);
            $.ajax({
                type: 'POST',
                url: callPath + "/api/excel",
                cache: false,
                contentType: 'application/json; charset=utf-8',
                //data: JSON.stringify(self.scenppeditlist()),
                //data: ko.toJSON(json),
                data: self,
                success: function () {
                    // success message 
                }
            });
        }

score 0 · Answer 1 · answered Jun 14 '13 at 18:30

0

If you try this it might work:

var vm = new guideviewmodel();
ko.applyBindings(vm);

$("#export").on("click", function (model, event) {
        var json = ko.toJSON(vm);
        alert(json);
        $.ajax({
            type: 'POST',
            url: callPath + "/api/excel",
            cache: false,
            contentType: 'application/json; charset=utf-8',
            //data: JSON.stringify(self.scenppeditlist()),
            data: ko.toJSON(this.data),
            success: function () {
                // success message 
            }
        });
    });

answered Jun 14 '13 at 18:30

lagerone

1,747
13
13

I recieve this error with that code **Uncaught TypeError: Converting circular structure to JSON ** – user1813251 Jun 14 '13 at 18:52
Perhaps this could be of help http://stackoverflow.com/questions/4816099/chrome-sendrequest-error-typeerror-converting-circular-structure-to-json – Roberto Hernandez Jun 14 '13 at 19:24

send viewmodel to controller

1 Answers1