Do you have any debugging tools such as Firebug? You don't have to spend
hours on a problem like this, when Firebug can show you the answer
instantly.
Simply put this line of code before your eval():
console.log( json );
Then look at the Firebug console. You will see that your 'json' variable is
not a string.
In fact, it is an array object. The $.getJSON() function does the eval() for
you, so by the time it calls your callback function, you already have the
JSON data as an object (or array, or whatever type the JSON string
represents).
That's why the error message cites this code:
items1=[object Object]
Because 'json' is an object, when you write:
"items1=" + json
JavaScript converts the 'json' object back into a string, using that generic
'[object Object]' format.
Since 'json' is already the array object you're looking for, instead of
using eval() you can simply do a normal variable assignment:
items1 = json;
With that fixed, though, I suspect you're about to run into another problem.
Reading between the lines, I have a feeling you may be writing code like
this:
var items1;
$.getJSON(dataURL, function(json){
items1 = json;
});
// Now do stuff with 'items1' here
If so, that won't work. The code where that "Now do stuff..." comment
appears will run *before* the JSON data is downloaded, so the value of
'items1' will be undefined.
If you want to do something with the JSON data, you need to do it by calling
a function at the time that the $.getJSON callback is called:
$.getJSON(dataURL, function(json){
doStuff( json );
doSomethingElse( json );
andMoreStuff( json );
});
Indeed, that's why $.getJSON uses a callback function in the first place -
because that's the only to insure that the JSON data is ready when that code
is run.
-Mike
> From: UK
>
> Hello,
>
> I'm trying to execute simple scenario, from the server side
> (servlet) I'm returning: out.print("[{\"type\":\"basic\"}]");
>
> on the client side I have :
>
> var dataURL = "<%=response.encodeURL(request.getContextPath())%>/
> FetchData";
>
> var items1;
>
> $.getJSON(dataURL, function(json){
>
> eval("items1="+json);
> });
>
> FireFox is showing jscript exception in the console:
>
> Error: missing ] after element list
> Source File: http://localhost:10038/wps/PA_1lb791mt//jsp/html/test.jsp
> Line: 345, Column: 15
> Source Code:
> items1=[object Object]
>
>
> Also tried with, but result was the same :
> items1 = eval("(" + eval(json) + ")");
>
> Lost several hours trying to solve this but no success.
>
> Thanks
>
