Receiving null value while sending data to controller in ajax call

Question

I have a div which contains HTML table and i need to pass that table to controller in MVC3 . I am trying to pass the table using ajax call . While debugging i get my controller to my action declared but the value passed HTML table is coming as null. Do i sending it correctly. what is the problem is sending it. Please refer the below link even this they have faced same problem how to send html table from view to controller in mvc4

The below is my ajax call code :

$('#frmLogin').submit(function () {

            var sendhtml = $('#divCashResultHolder').html();
           //alert(sendhtml);
            $.ajax({
                url: '@Url.Action("ExportData", "CashCollection")',//action method url which defined in controller
                type: 'POST',
                data: { "htmlTable": sendhtml },
                dataType: 'json',
               contentType: 'application/json; charset=utf-8',
                async: true,
               processData: false,
               success: function(){
   console.log('success!!');
}
            });

The controller Code

 [HttpPost]
    public ActionResult ExportData(string htmlTable)
    {

            Response.Buffer = true;
            Response.ContentType = "application/vnd.ms-excel";
            Response.AddHeader("Content-disposition", "attachment;filename=CashCollection_" + DateTime.Now.Ticks + ".xls");

        return View("CashCollection");
    }

In the controller i get 'string htmlTable' as null value. I tried setting it to HTMLstring type no luck. Also, i tried sending data: JSON.stringify(sendhtml ) no luck for this too.

Ok thank u i am getting value in controller but only if div contains string value then, in the controller parameter it shows value. if the div contains table then it does not come to controller itself — user1003054
– user1003054, Commented Nov 27, 2013 at 7:18

Nitin Varpe · Accepted Answer · 2013-11-27 07:15:03Z

3

Try passing the data using JSON.stringify

 data: JSON.stringify({"htmlTable": sendhtml});

answered Nov 27, 2013 at 7:15

Nitin Varpe

10.7k6 gold badges42 silver badges64 bronze badges

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

3 Comments

user1003054 Over a year ago

No its not hitting to controller. It hits to controller with this data: { "htmlTable": sendhtml }, and this gets hit only if the div as string value. if it div contains table it does not hit. In that div it contains HTML table. if the html table is not there then it display string "No informaton"

Nitin Varpe Over a year ago

check what happens with $('#divCashResultHolder').val()

user1003054 Over a year ago

Thanks for ur help i used javascript excel download method to download the excel file.

MohammedShiyasU · Accepted Answer · 2017-07-07 06:01:01Z

The problem here is while data is coming to controller. It is validating. By default they do not allow to send html data to control.

To allow we could use [ValidateInput(false)]

Then your controller should look like this:

[HttpPost]
[ValidateInput(false)]
    public ActionResult ExportData(string htmlTable)
    {

            Response.Buffer = true;
            Response.ContentType = "application/vnd.ms-excel";
            Response.AddHeader("Content-disposition", "attachment;filename=CashCollection_" + DateTime.Now.Ticks + ".xls");

        return View("CashCollection");
    }

If this is not working. Then its may be your ajax method problem. Then try to send your data as FormData. Then your ajax method should like this:

$('#frmLogin').submit(function () {

            var sendhtml = $('#divCashResultHolder').html();
           //alert(sendhtml);
        var fd = new FormData();
        fd.append("htmlTable", sendhtml );

            $.ajax({
                url: '@Url.Action("ExportData", "CashCollection")',//action method url which defined in controller
                type: 'POST',
                data: fd,
                enctype: 'application/form-data',
                processData: false,
                contentType: false,
                success: function(){
                        console.log('success!!');
               }
            });

Collectives™ on Stack Overflow

Receiving null value while sending data to controller in ajax call

2 Answers 2

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Linked

Related