How to post html code json array with ajax

Question

If I dont any problem when myJson array have 1 object,but myJson array include 1 more than object I have problem that doesnot working post action.

        var items = [];
        $('.grid-stack-item.ui-draggable').each(function () {
            var $this = $(this);

            items.push({
                ID: $this.attr('data-ItemId'),
                x: $this.attr('data-gs-x'),
                y: $this.attr('data-gs-y'),
                Width: $this.attr('data-gs-width'),
                Height: $this.attr('data-gs-height'),
                UserDashboardId: $this.attr('data-dashboardid'),
                content: $('.grid-stack-item-content', $this).html()
            });
        }); 


        myJson = JSON.stringify(items)
        console.log(myJson);
        $.ajax({
            type: 'POST',
            url: '/Dashboard/SendItem/?json=' + myJson,
            success: function (message) {

            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert("jqXHR:" + jqXHR.status + " errorThrown: " + errorThrown);
            }
        });

error is 404 not found

Clement Okyere · Accepted Answer · 2019-09-07 10:12:55Z

1

try this

 var items = [];
        $('.grid-stack-item.ui-draggable').each(function () {
            var $this = $(this);

            items.push({
                ID: $this.attr('data-ItemId'),
                x: $this.attr('data-gs-x'),
                y: $this.attr('data-gs-y'),
                Width: $this.attr('data-gs-width'),
                Height: $this.attr('data-gs-height'),
                UserDashboardId: $this.attr('data-dashboardid'),
                content: $('.grid-stack-item-content', $this).html()
            });
        }); 


        myJson = JSON.stringify(items)
        console.log(myJson);
        $.ajax({
            type: 'POST',
            url: '/Dashboard/SendItem/',
            dataType: "json",
            data: myJson 
            contentType: "application/json",
            success: function (message) {

            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert("jqXHR:" + jqXHR.status + " errorThrown: " + errorThrown);
            }
        });

answered Sep 7, 2019 at 10:12

Clement Okyere

3213 gold badges7 silver badges12 bronze badges

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

1 Comment

Clement Okyere Over a year ago

you are welcome. you should mark this as the correct answer if it works for you

Collectives™ on Stack Overflow

How to post html code json array with ajax

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related