asp.net MVC JavaScript call to controller

Question

I'm currently working on an ASP.Net MVC project. I have a JavaScript function which takes an XML string as input. I would like to send this to the controller.

I have done so using an AJAX request, but in the controller the string is null.

View:

        function save() {
            var xml = scheduler.toXML();
            alert(xml);

            var url = '@Url.Action("Save", "Home")'

            $.ajax({
                url: url,
                Type: "POST",
                dataType: 'json',
                async: false,
                data: xml,
                contentType: 'application/json; charset=utf-8',
                success: function (data) { alert("OK");},
                error: function (jqXHR, exception) {
                alert('Error message.');
            }
            });

Controller:

 public ActionResult Save(string xml)
    {
        Console.WriteLine(xml);

        W6ViewModel viewModel = new W6ViewModel();
        viewModel.engineers = db.W6ENGINEERS.ToList();
        viewModel.tasks = db.W6TASKS.ToList();
        viewModel.skills = db.W6TASKS_REQUIRED_SKILLS1.ToList();

        var engList = new List<object>();
        foreach (var engineer in viewModel.engineers)
        {
            engList.Add(new { key = engineer.ID, label = engineer.Name });
        }
        ViewBag.engineers = engList;

        return View("Index", viewModel);
    }

var xml = scheduler.toXML()

alert(xml):

enter image description here

Error Code (Sorry, wall of text):

[HttpRequestValidationException (0x80004005): A potentially dangerous Request.QueryString value was detected from the client (xmlString=&quot;&lt;data&gt;&lt;event&gt;

everything seems to be XML, but the contenttype is json ? — Christian Phillips
– Christian Phillips, Commented Jul 3, 2014 at 13:55
yes your right, but the scheduler.toXML() returns a sting I believe.docs.dhtmlx.com/scheduler/api__scheduler_toxml.html — Stephen Sugumar
– Stephen Sugumar, Commented Jul 3, 2014 at 14:04
there is also a dataType: "xml" which should set the contentType for you — David Tansey
– David Tansey, Commented Jul 3, 2014 at 14:04

Paweł Reszka · Accepted Answer · 2014-07-03 14:47:21Z

4

Name your parameter like this:

function save() {
        var xml = scheduler.toXML();
        alert(xml);

        var url = '@Url.Action("Save", "Home")';

        $.ajax({
            url: url,
            Type: "POST",
            dataType: 'json',
            async: false,
            data: { xml: xml},
            contentType: 'application/json; charset=utf-8',
            success: function (data) { alert("OK");},
            error: function (jqXHR, exception) {
            alert('Error message.');
        }
        });

Also put this tag above you controller action:

[ValidateInput(false)]

edited Jul 3, 2014 at 14:47

answered Jul 3, 2014 at 13:55

Paweł Reszka

1,5574 gold badges21 silver badges41 bronze badges

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

5 Comments

Stephen Sugumar Over a year ago

Unfortunately, when i do this, the error message kicks in, not sure why.

Stephen Sugumar Over a year ago

soory, but im not to sure what the error is, it just says error even after writing: error: function (jqXHR, exception) { alert(exception); }

Paweł Reszka Over a year ago

Check second part of my answer

HQSantos Over a year ago

Is there a way to do this without using Ajax?

Paweł Reszka Over a year ago

What do you want to achieve?

HQSantos · Accepted Answer · 2020-01-31 17:44:35Z

0

See the following ajax call:

  $.ajax({
            url: '@Url.Content("~/myaccount/CheckDuplicateEmailAddress")',
            data: { "emailAddress": email },
            async: false,
            type: "post",
            success: success,
            error: error
        });

And controller action is below. you need to send param as this:

data: { "emailAddress": email }

Remember case sensitivity and double quotes:

public bool CheckDuplicateEmailAddress(string emailAddress)
    {
    }

edited Jan 31, 2020 at 17:44

HQSantos

7641 gold badge7 silver badges16 bronze badges

answered Jul 3, 2014 at 14:04

Learner

1,3253 gold badges16 silver badges37 bronze badges

12 Comments

Stephen Sugumar Over a year ago

Tried this, i got an the same error as the answer mentioned above!

Learner Over a year ago

what does this alert gives. var xml = scheduler.toXML(); alert(xml);

Stephen Sugumar Over a year ago

It is just an alert saying "error" if there is a way to get the error, may you show me please?

Stephen Sugumar Over a year ago

when i do that, it is not null, but ill post it in a sec

Learner Over a year ago

yes you need to install a tool similar to firebug as in Mozilla. there you can see all javascript errors.

|

Collectives™ on Stack Overflow

asp.net MVC JavaScript call to controller

2 Answers 2

5 Comments

12 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

12 Comments

Related