JSON data html parameter

Question

why JSON doesn't work with html text (var text_html = '<p></p><t></t>'; ) but this will be work correct (var text_html = 'example';)

doesn't work

var text_html = JSON.parse('<p></p><t></t>');

Problem:

    function Save() {
        var text_html = '<p></p><t></t>'; 
        $.ajax({
            url: '@Url.Action("DodajTematSave", "StronaGlowna")',
            dataType: "json",
            data: {
                My_Text: text_html
            },
            type: "POST",
            async: false,
            error: function () {
            },
            success: function (data) {
                if (data.Success) {
                    alert('success');
                }

            }
        });
    }
</script>

public JsonResult DodajTematSave(string My_Text)
        {

            return Json(new { Success = true});
        }

also this doesn`t work

var dom_string = '<div>xxx<div>yyy</div></div>';
    var text_html = dom_string.innerText();

also this doesn`t work

<script type="text/javascript">

    function Save() {
        var Temat_controll = $('#Temat').val();

        var Streszczenie_controll = $.parseJSON('<p></p><t></t>'); 

        var PelnyOpis_controll = $('#PelnyOpis').text();

         $.ajaxSetup({
             contentType: "application/json; charset=utf-8",
             dataType: "json"
         });

        $.ajax({
            url: '@Url.Action("DodajTematSave", "StronaGlowna")',
            dataType: "json",
            data: {
                Temat: Temat_controll,
                Streszczenie: Streszczenie_controll,
                PelnyOpis: PelnyOpis_controll
            },
            type: "POST",
            async: false,
            error: function () {
            },
            success: function (data) {
                if (data.Success) {
                    alert('success');
                }

            }
        });
    }

</script>

possible duplicate of stackoverflow.com/questions/3047311/passing-html-using-json — Vortex
– Vortex, Commented Mar 24, 2013 at 15:38
is your error about data format when it is posted or does the post fail to reach your action method? — Dave Alperovich
– Dave Alperovich, Commented Mar 24, 2013 at 15:39

Dave Alperovich · Accepted Answer · 2013-03-24 17:00:21Z

2

try this:

var Streszczenie_controll = $.parseJSON('<p></p><t></t>');

and use ajaxSetup to instruct JQuery how to handle the data type

        $.ajaxSetup({
            contentType: "application/json; charset=utf-8",
            dataType: "json"
        });

edited Mar 24, 2013 at 17:00

answered Mar 24, 2013 at 15:56

Dave Alperovich

32.6k8 gold badges82 silver badges101 bronze badges

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

6 Comments

Rafał Developer Over a year ago

is it possible convert this using JQuery?

Dave Alperovich Over a year ago

@Rafael-JuniorMVCDeveloper, that IS JQuery. Interesting it didn't work. same error?

Rafał Developer Over a year ago

all the time this same problem. I tried convert also using JQuery but doesn`t help look into my edited post.

Rafał Developer Over a year ago

When I write this-> var dom_string = "<div>xxx<div>yyy</div></div>"; alert("Variable y value is " + typeof (dom_string)); I get information y is String but doesn`t work

Dave Alperovich Over a year ago

@Rafael-JuniorMVCDeveloper, I'm surprised and maybe reaching, but lets try using ajaxSetup. check my revised answer.

|

Vortex · Accepted Answer · 2013-03-24 15:36:39Z

2

Because those are escaping characters in JSON. You will have to parse html in a way to make it JSON friendly if you wanted it passed through JSON.

answered Mar 24, 2013 at 15:36

Vortex

6636 silver badges7 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:28:52Z

2

For this people who have problem with this I can show another way to fix this problem but very ugly click here

edited May 23, 2017 at 12:28

CommunityBot

11 silver badge

answered Mar 24, 2013 at 19:15

Rafał Developer

2,05510 gold badges41 silver badges77 bronze badges

Collectives™ on Stack Overflow

JSON data html parameter

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related