MVC JSON method returning invalid JSON to JQuery?

Question

I am having problems with Jquery parsing the JSON I am sending back... however, this is very odd because I am using MVC's JSON method.

Here's my setup. I have a very simple function:

$.ajax({
    url: URLd,
    dataType: 'json',
    data: { Year: $('#VehicleYear').val(), Value: request.term },
    success: function (data, textStatus, jqXHR) { alert("Success!"); },
    error: function(XMLHttpRequest, textStatus) {  
        alert(textStatus + ": " + XMLHttpRequest.responseText);  
    }  
});

It always runs the error function which shows:

parsererror: [{"Value":"Toyota","ID":160}]

I cannot figure out why in the world it is doing this... it was working with an older version of JQuery - and I read that the JQuery JSON parser is quite a bit more strict now- but I can't figure out what's wrong with my JSON.

Even if it is wrong, that's very frustrating because I'm using MVC's Json function to generate this:

public ActionResult GetVehicleModels(int Year, int MakeID, string Value = null)
{
    var modlMatchs = (from VMYX in ent.VehicleMakeYearXREFs
                        join VM in ent.VehicleModels
                        on VMYX.VehicleModelID equals VM.VehicleModelID
                        join VMa in ent.VehicleMakes
                        on VM.VehicleMakeID equals VMa.VehicleMakeID
                        where VMYX.ModelYear == Year && VMa.VehicleMakeID == MakeID && VM.VehicleModelName.StartsWith(Value)
                        orderby VMa.VehicleMakeName
                        select new { Value = VM.VehicleModelName, ID = VM.VehicleModelID }).Distinct().Take(10).ToList();

    return this.Json(modlMatchs, "application/json", JsonRequestBehavior.AllowGet);
}

I must be missing something glaringly obvious... still getting the hang of JQuery/MVC but these things are really slowing my progress.

Sure enough, the JQuery result looks as follows (according to Chrome's developer toolbar)

[{"Value":"Toyota","ID":160}]

@Pekka- it is as the error message shows, but I went ahead and added it for clarity. — KTF
– KTF, Commented Apr 28, 2011 at 20:54
@Tejs: that didn't work but a college suggested "text json" (without the slash) right before you commented and that worked like a charm... I feel like an idiot but also irked by how picky this is... maybe I missed it but it wasn't easy to catch from the documentation. — KTF
– KTF, Commented Apr 28, 2011 at 21:00
Odd, it shouldn't work, considering text json isnt a valid content type. However, don't fix what isnt broken! — Tejs
– Tejs, Commented Apr 28, 2011 at 21:02

Dominic Barnes · Accepted Answer · 2011-04-28 21:02:03Z

2

Change your dataType in the jQuery AJAX call to "text json". I suspect there may be a problem with the response content-type header, or something else that's causing jQuery not to acknowledge the dataType as json. Using "text json" will cause jQuery to accept it as plaintext before converting it to a js object.

answered Apr 28, 2011 at 21:02

Dominic Barnes

28.5k8 gold badges69 silver badges91 bronze badges

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

Comments

WestDiscGolf · Accepted Answer · 2011-04-28 21:15:20Z

0

var parsed = jQuery.parseJSON('[{"Value":"Toyota","ID":160}]');

I've just tried the above and it parses it fine, however remember it has returned it as a single record in an array (due to returning an IEnumerable from the C#).

answered Apr 28, 2011 at 21:15

WestDiscGolf

4,1082 gold badges35 silver badges47 bronze badges

1 Comment

KTF Over a year ago

Yeup, it wasn't that the data was invalid- (apparently) it's the way Chrome and IE handle it and how they need the the wrong ContentType. See comments here: api.jquery.com/jQuery.parseJSON (this was the exact same situation as Technoangel 's.)

Collectives™ on Stack Overflow

MVC JSON method returning invalid JSON to JQuery?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related