HTML as parameter JSON MVC

Question

I need to pass html as parameter using json asp.net mvc2

I am trying to do like this:

      $.ajax({
            type: "POST",
            dataType: "json",
            contentType: 'application/json; charset=utf-8',
            url: "/DefaultView/GeneratePDF",
            data: { "pdf": JSON.parse($("#displayContainer").html()) },
            success: function (data) {
                //nothing here
            }
        });

but it throws the "Uncaught SyntaxError: Unexpected token < " error.

using stringify() I am getting null here:

[HttpPost]
    [ValidateInput(false)] 
    public virtual ActionResult GeneratePDF(string pdf)
    {
        pdf <---

Does anyone have any idea what should I to do?

Thanks in advance.

score 1 · Answer 1 · edited May 23 '17 at 12:27

1

Use the stringify method of JSON:

 $.ajax({
         type: "POST",
         dataType: "json",
         contentType: 'application/json; charset=utf-8',
         url: "/DefaultView/GeneratePDF",
         data: { "pdf": JSON.stringify($("#displayContainer").html()) }, //change to stringify
         success: function (data) {
         //nothing here
        }
      });

EDIT: If you are using MVC 2 Model Binding to JSON is not supported. See this post - Always getting null values in controller for ajax post

edited May 23 '17 at 12:27

Community

1
1

answered Mar 11 '14 at 20:00

Jason Roell

6,679
4
21
28

Are you actually getting inside that method though? – Jason Roell Mar 11 '14 at 20:09
yes... bud pdf is null and if I call `console.log(JSON.stringify($("#displayContainer").html()))` it returns elements. – Hugo S. Mendes Mar 11 '14 at 20:10
What do you get when you run JSON.stringify($("#displayContainer").html() in the console for the developer tools? Do you see that return a result? – Jason Roell Mar 11 '14 at 20:11
Yes... it returns as expected. – Hugo S. Mendes Mar 11 '14 at 20:13
Try adding contentType: 'application/x-www-form-urlencoded' – Jason Roell Mar 11 '14 at 20:18
actually just remove the content type completely – Jason Roell Mar 11 '14 at 20:22
wait are you using MVC 2? – Jason Roell Mar 11 '14 at 20:24
yes, I am. please.. tell me that there are a solution. – Hugo S. Mendes Mar 11 '14 at 20:25
Not looking good for you. You can't use stringify with MVC 2 because the model binder will not know how to parse it correctly. And without stringify I am not sure how to send HTML to the server from $.ajax... – Jason Roell Mar 11 '14 at 20:34
I'm sure there is a way to do it though – Jason Roell Mar 11 '14 at 20:34
you are right... I found this: http://stackoverflow.com/questions/19221594/always-getting-null-values-in-controller-for-ajax-post?lq=1 – Hugo S. Mendes Mar 11 '14 at 20:35

score 0 · Answer 2 · answered Mar 12 '14 at 18:31

I solved my problem with the help of this link:

link

... I needed to reference Microsoft.Web.Mvc and to add a call in my application_start (global.asax) like this:

ValueProviderFactories.Factories.Add(new JsonValueProviderFactory());

I also needed to make use of json2js

As @Jason Roell said, We can't use stringify with MVC 2.. the model binder doesn't knows how to parse the value correctly.

After all, everything works as expected.

Thanks.

I hope it helps someone.

HTML as parameter JSON MVC

2 Answers2