Error with JSON in javascript : unexpected non-whitespace character after JSON data

Question

My question is about an error I have when I use jQuery.ajax in my javascript function. I searched and found similar question, but none of these questions helped me.

So, what's really weird is that it was working before. I spent a few days working on translations problems with UTF-8 and when I tried it again after, it was working anymore. I can't see what happened so maybe you can help me find out.

Here is the code from my controller action which is called for ajax.

$project =$_GET['project'];

//Call private function getQuota    
$quotaTab = $this->getQuota($project);   

    $this->_helper->getHelper('viewRenderer')->setNoRender();
Zend_Layout::getMvcInstance()->disableLayout();

// Encode data to return
$return = array(
    'quota' => $quotaTab[0],
    'usedSpace' => $quotaTab[1],
    'usedPercentage' => $quotaTab[2]
    );
$return = Zend_Json::encode($return);

$this->getResponse()->setBody($return);

And this is my javascript function containing the ajax function

function  changeQuota() {

var fileset = document.getElementById('fileset'); 

jQuery.ajax({
     url: '/filesets/quota/',
     data: ({ project: fileset.value, ajaxCall: true}),
     success: function(response) {
          //Decode the JSON response
          var result = response.evalJSON();

          // Set the new value of current quota
          $('currentQuota').value = result.quota; 

    var strUsed = <?php echo "' ".$this->translate("used")."'";?>;
    $('usedQuota').innerHTML = result.usedPercentage.concat(strUsed);

    var suggestQuota = Math.round(parseFloat(result.quota) + parseFloat(result.quota/10));

    $('quota').value = suggestQuota;

    $('usedSpace').value = Math.round(result.usedSpace);
         }
      });       
}

So I debug my script with Firebug, and the exact error that it returns is "JSON.parse: unexpected non-whitespace character after JSON data
return JSON.parse(json); prototype.js (line 720)"

I have this error in both functions when I use jQuery.ajax. The error happens when trying to evalJSON().

Any idea why it doesn't work anymore ? Could it be because of the encoding(currently UTF-8) of the files ?

Thanks in advance for your help !

P.S. Maybe it's not linked, but when I open prototype.js with Zend Studio, I have some warnings and 2 errors("missing semi-colon" at line 4235 and "Syntax error on token ",", . expected" at line 4000. When I noticed that, I downloaded latest version and it didn't change.

Non-whitespace usually means there's extra non-json garbage at the end of the data, something like [1,2,3]blahblahblah. — Marc B
– Marc B, Commented Nov 1, 2011 at 19:57
@MarcB, @vascowhite, when I debug in local, it seems that I have garbage after my returned json, like warning messages, but they don't appear when I'm on my lampp server. Here's the content of response in my javascript function : "{"quota":90,"usedSpace":73.904,"usedPercentage":"82%"}" . Does it seems right ? — Fanny
– Fanny, Commented Nov 2, 2011 at 12:12
This is what I posted, when I execute my application on my lampp server, I debug my javascript function with FireBug and this is the content of response — Fanny
– Fanny, Commented Nov 2, 2011 at 14:41

Marc DiMillo · Accepted Answer · 2013-01-26 07:26:33Z

1

You could trim the final string before it is sent out? If that isn't the case make sure it's encoded without Byte Order Mark, especially if you're using dream weaver with UTF-8.

edited Jan 26, 2013 at 7:26

answered Nov 1, 2011 at 20:19

Marc DiMillo

5036 silver badges17 bronze badges

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

4 Comments

Fanny Over a year ago

Which final string ? For the encoding, i'm not sure it's without BOM, but I don't use Dreamweaver, only Zend Studio and it the default encoding is UTF8. There is only UTF8 and no UTF8 without BOM, could it be the problem ?

Marc DiMillo Over a year ago

It's fairly common, try using notepad++ under the encoding section at the top, just convert it to UTF-8 without BOM.

Fanny Over a year ago

I had to convert my controller, my view and my form, and then it worked ! Thank you =)

Fanny Over a year ago

I can't, I only have 10 reputation and I need 15 to vote it up. As soon as I got 15, I'll come back to vote =)

topek · Accepted Answer · 2011-11-01 20:15:21Z

1

jQuery has rather strict settings for JSON data. Have you already tried to validate your JSON, e.g. with JSONLint

answered Nov 1, 2011 at 20:15

topek

19k3 gold badges38 silver badges43 bronze badges

5 Comments

Fanny Over a year ago

I just tried, I validated this : {"quota": 90,"usedSpace": 73.904, "usedPercentage": "82%"} and it says valid json.

topek Over a year ago

is this public, so we can take a look? If not try to use curl or wget to download the whole file and analyze it.

Fanny Over a year ago

No it's not public, but what file should I analyze ? The javascript function ? Sorry but I'm not very familiar with JSON.

topek Over a year ago

You can use wget to download the file exactly as the browser would. Then you can open the file in your favorite editor and see, if there are any characters that should not be there. It's a bit hard to give a better advice, without access to the ressource.

Fanny Over a year ago

Finally my encoding was the problem, but Thank you for your answers !

Collectives™ on Stack Overflow

Error with JSON in javascript : unexpected non-whitespace character after JSON data

2 Answers 2

4 Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related