You'll get that error when the API isn't properly loaded. Looking at your
code above, I don't see a google.load call, which is required to load the
API. Also, you need to use a callback from the loader to initialize your
charts rather than a document "ready" event handler, as the API is not
guaranteed to be loaded by the time document "ready" fires. Here's what
you need:
function drawChart () {
// code that draws the chart
}
google.load('visualization', '1', {packages:['corechart'], callback:
drawChart});
In your case, it looks like you could substitute "load_response_example"
for "drawChart":
google.load('visualization', '1', {packages:['corechart'], callback:
load_response_example});
On Monday, November 18, 2013 1:54:14 PM UTC-5, [email protected] wrote:
>
> Here is my error:
> Uncaught TypeError: Cannot read property 'DataTable' of undefined
>
> On Monday, November 18, 2013 10:48:54 AM UTC-8, [email protected] wrote:
>>
>> Thank you for responding.. Unfortunately, I'm still getting the same
>> error
>>
>> Here is my updated code:
>> <%--
>> Document : index
>> Created on : Nov 14, 2013, 9:49:13 PM
>> Author : Ronald
>> --%>
>>
>> <%@page contentType="text/html" pageEncoding="UTF-8"%>
>> <script src="
>> http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
>> "></script>
>> <script type="text/javascript" src="https://www.google.com/jsapi
>> "></script>
>>
>> <!DOCTYPE html>
>> <html>
>> <head>
>> <meta http-equiv="Content-Type" content="text/html;
>> charset=UTF-8">
>> <title>JQuery Ajax Server Call Demo</title>
>> </head>
>> <body>
>> <h2>This will attempt to demonstrate JQuery's ability to submit a
>> server request and response without refreshing</h2>
>>
>> <input type="button" value="Load Example"
>> onclick="load_page_example();" />
>> <input type='button' value="Servlet Request"
>> onclick="load_response_example();" />
>> </body>
>>
>> <div id='div_processed'></div>
>> </html>
>>
>> <script type="text/javascript">
>> function load_page_example() {
>> $("#div_processed").load("div_load.jsp");
>>
>>
>>
>>
>> }
>>
>> function load_response_example() {
>> $.post("
>> http://localhost:8084/JQuery_Server_Response_Demo/Process";,
>> {
>> text: "parameter"
>> },
>> function(data, status) {
>>
>>
>>
>> loadChart(data);
>>
>>
>> }
>> );
>>
>> }
>>
>> function loadChart(data){
>>
>> google.load("visualization", "1", {packages: ['table']});
>>
>> //google.setOnLoadCallback(drawChart);
>>
>>
>> var dataresults = new
>> google.visualization.DataTable(data, 0.6);
>>
>> var options = {
>> title: 'Company Performance'
>> };
>>
>> var table = new
>> google.visualization.Table(document.getElementById('div_processed'));
>> table.draw(dataresults);
>>
>>
>>
>>
>>
>> }
>> </script>
>>
>> On Monday, November 18, 2013 7:33:58 AM UTC-8, asgallant wrote:
>>>
>>> You are missing the "new" keyword before google.visualization.DataTable:
>>>
>>> var dataresults = new google.visualization.DataTable(data);
>>>
>>> You don't need to convert "data" to a string, and you don't need to
>>> specify the wire protocol version (0.6), though it certainly isn't hurting
>>> anything if you include it.
>>>
>>> On Monday, November 18, 2013 4:59:20 AM UTC-5, [email protected] wrote:
>>>>
>>>> Hello,
>>>>
>>>> I'm trying to get server response which is a string literal used to
>>>> build the table but for some reason I cannot get it to work. I'm getting
>>>> an error on:
>>>> var dataresults = google.visualization.DataTable(data.toString(), 0.6);
>>>>
>>>> My code:
>>>> <%--
>>>> Document : index
>>>> Created on : Nov 14, 2013, 9:49:13 PM
>>>> Author : Ronald
>>>> --%>
>>>>
>>>> <%@page contentType="text/html" pageEncoding="UTF-8"%>
>>>> <script src="
>>>> http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
>>>> "></script>
>>>> <script type="text/javascript" src="https://www.google.com/jsapi
>>>> "></script>
>>>>
>>>> <!DOCTYPE html>
>>>> <html>
>>>> <head>
>>>> <meta http-equiv="Content-Type" content="text/html;
>>>> charset=UTF-8">
>>>> <title>JQuery Ajax Server Call Demo</title>
>>>> </head>
>>>> <body>
>>>> <h2>This will attempt to demonstrate JQuery's ability to submit
>>>> a server request and response without refreshing</h2>
>>>>
>>>> <input type="button" value="Load Example"
>>>> onclick="load_page_example();" />
>>>> <input type='button' value="Servlet Request"
>>>> onclick="load_response_example();" />
>>>> </body>
>>>>
>>>> <div id='div_processed'></div>
>>>> </html>
>>>>
>>>> <script type="text/javascript">
>>>> function load_page_example() {
>>>> $("#div_processed").load("div_load.jsp");
>>>>
>>>>
>>>>
>>>>
>>>> }
>>>>
>>>> function load_response_example() {
>>>> $.post("
>>>> http://localhost:8084/JQuery_Server_Response_Demo/Process";,
>>>> {
>>>> text: "parameter"
>>>> },
>>>> function(data, status) {
>>>>
>>>>
>>>>
>>>> loadChart(data);
>>>>
>>>>
>>>> }
>>>> );
>>>>
>>>> }
>>>>
>>>> function loadChart(data){
>>>>
>>>> google.load("visualization", "1", {packages:
>>>> ['table']});
>>>>
>>>> //google.setOnLoadCallback(drawChart);
>>>>
>>>>
>>>> var dataresults =
>>>> google.visualization.DataTable(data.toString(), 0.6);
>>>>
>>>> var options = {
>>>> title: 'Company Performance'
>>>> };
>>>>
>>>> var table = new
>>>> google.visualization.Table(document.getElementById('div_processed'));
>>>> table.draw(dataresults);
>>>>
>>>> alert("At end of google chart build");
>>>>
>>>>
>>>>
>>>>
>>>>
>>>> }
>>>> </script>
>>>>
>>>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/groups/opt_out.
