You can access the libraries in two ways, and either way we take the pain out of hosting the libraries, correctly setting cache headers, staying up to date with the most recent bug fixes, etc.

The first way to access the scripts is simply be using a standard <script src=".."> tag that points to the correct place.

For example, to load Prototype version 1.6.0.2 you would place the following in your HTML:

<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script>

The second way to access the scripts is via the Google AJAX API Loader's google.load() method.

Here is an example using that technique to load and use jQuery for a simple search mashup:

<br />&lt;script src="http://www.google.com/jsapi"&gt;&lt;/script&gt;<br />&lt;script&gt;<br />// Load jQuery<br />google.load("jquery", "1");<br /><br />// on page load complete, fire off a jQuery json-p query<br />// against Google web search<br />google.setOnLoadCallback(function() {<br />$.getJSON("http://ajax.googleapis.com/ajax/services/search/web?q=google&amp;;v=1.0&amp;;callback=?",<br /><br />// on search completion, process the results<br />function (data) {<br />if (data.responseDate.results &amp;&amp;<br />data.responseDate.results.length&gt;0) {<br />renderResults(data.responseDate.results);<br />}<br />});<br />});<br />&lt;/script&gt;<br />

Pages: 1 2 3