Home arrow AJAX & Prototype arrow Page 4 - Using the google.load() Method with Google`s Ajax Libraries API

Source code for the sample Ajax application - AJAX

Google's Ajax Libraries API is a programming interface that permits web developers to download popular JavaScript packages, such as Prototype, jQuery and Scriptaculous, directly from Google’s servers instead of using local copies of these libraries. In this fourth part of a four-part series on using the API, you'll learn how to serve the jQuery framework without compression.

TABLE OF CONTENTS:
  1. Using the google.load() Method with Google`s Ajax Libraries API
  2. Review: delivering the Prototype JavaScript library without compressing its source files
  3. Serving the jQuery library without using compression
  4. Source code for the sample Ajax application
By: Alejandro Gervasio
Rating: starstarstarstarstar / 5
January 26, 2009

print this article
SEARCH DEV SHED

TOOLS YOU CAN USE

advertisement

In the section that you just read, I explained how to develop a primitive Ajax application that uses the Goggle API to download the jQuery library without using compression. Nevertheless, this application would look rather incomplete if I didn’t list the signature of its remaining source files.

So, here they are:


(definition for 'ajax_file_reader.htm' file)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Reading file contents with jQuery library (uses Google API)</title>

<style type="text/css">

body{

padding: 0;

margin: 0;

background: #fff;

}

h1{

font: bold 18pt Arial, Helvetica, sans-serif;

color: #000;

}

#filecontents{

width: 600px;

padding: 10px;

border: 1px solid #999;

font: normal 10pt Arial, Helvetica, sans-serif;

color: #000;

}

</style>

<script src="http://www.google.com/jsapi"></script>

<script>

// load jQuery library with Google API (loads uncompressed source file)

google.load("jquery","1.2",{uncompressed:true});

google.setOnLoadCallback(function(){

$("#btn").click(function(){

$.get("read_file.php",function(fileContents){$("#filecontents").html(fileContents);});

});

});

</script>

</head>

<body>

<h1 id="header">Reading file contents with jQuery library (uses Google API)</h1>

<p><input type="button" id="btn" value="Read File Now!" /></p>

<div id="filecontents"></div>

</body>

</html>



definition for 'read_file.php' file)


<?php

if(!$contents=file_get_contents('data.txt')){

trigger_error('Error reading file contents',E_USER_ERROR);

}

echo $contents;

?>



(definition for 'data.txt' file)


These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file. These are contents of sample file.


Now that you have at your disposal the entire source code of the above Ajax program, surely you’ll be able to test much more easily how long it takes to run when the jQuery library is delivered compressed and uncompressed from Google’s servers. Whether you decide to employ this Google API or not, one thing is certain: you'll have fun playing around with it!

Final thoughts

After this long and hopefully instructive journey, we’ve come to the end of the series. As was demonstrated by the code samples included in the different tutorials, learning to use Google's Ajax Libraries API is really very simple. The whole process is reduced to working with a couple of JavaScript methods and nothing else. Now, it’s up to you to decide whether or not to use this API when working with your preferred JavaScript package.

See you in the next tutorial!



 
 
>>> More AJAX & Prototype Articles          >>> More By Alejandro Gervasio
 

blog comments powered by Disqus
escort Bursa Bursa escort Antalya eskort
   

AJAX & PROTOTYPE ARTICLES

- Best AJAX Tutorials for Forms
- The Best AJAX Tutorials
- 8 Great Ajax Tutorials
- Using Ajax and jQuery
- Using Ajax and jQuery with HTML Forms
- Ajax.org Offers Cloud9 IDE for JavaScript
- Java Technologies Provider ICEsoft Releases ...
- Using Recaptcha in AJAX Prototype Framework ...
- Google's Closure Compiler Service API: Addit...
- Installing Google Web Toolkit: Introducing t...
- Google's Closure Compiler Service API: Displ...
- Google's Closure Compiler Service API: Deliv...
- Google's Closure Compiler Service API: the A...
- Google's Closure Compiler Service API: the S...
- Google's Closure Compiler Service API: Optim...

Developer Shed Affiliates

 


Dev Shed Tutorial Topics: