当在线项目使用js的时候,我们通常把js库打包到服务器上发布,我常遇到一些问题:项目的文档结构迁移的时候重构非常的麻烦.
引用的js库各家都一样,无形中浪费了带宽,Google的 jsapi就是集中管理这些js库用的.
这个是
官网,上面的说明很清楚了,我这里罗嗦一下
它支持的js库包括
- jQuery
- jQuery UI
- Prototype
- script.aculo.us
- MooTools
- Dojo
- SWFObject
- Yahoo! User Interface Library (YUI)
使用这个API首先需要引入Google的js库,在<head>里头加上
<script src="http://www.google.com/jsapi"></script>
ok,它主要有2个函数,分别是加载js库的 load(js库名,版本) 和 类似onload的函数(在加载完js库后触发)
直接抓一个例子过来,加载jQuery 1.3.2
引用
<script src="http://www.google.com/jsapi"></script>
<script>
// Load jQuery
google.load("jquery", "1.3.2");
// on page load complete, fire off a jQuery json-p query
// against Google web search
google.setOnLoadCallback(function() {
$.getJSON("http://ajax.googleapis.com/ajax/services/search/web?q=google&v=1.0&callback=?",
// on search completion, process the results
function (data) {
if (data.responseData.results &&
data.responseData.results.length > 0) {
var results = data.responseData.results;
for (var i=0; i < results.length; i++) {
// Display each result however you wish
alert(results[i].titleNoFormatting);
}
}
});
});
</script>
最后它还有一个
模拟器让大伙折磨 >.<
分享到：
相关推荐
至于"标签"中的"google"，这可能是指学习如何使用Google的开发工具和服务，如Google AJAX Libraries API，它提供了一种方便的方式在网页中引入和管理JavaScript库，包括jQuery等，这些库对于实现Ajax特效至关重要。...
Google AJAX API，全称为Google AJAX Libraries API，是Google提供的一个服务，允许开发者在他们的网站上快速、安全地引入流行的JavaScript库，如jQuery、Prototype等，而无需直接从多个来源加载这些库。这有助于...
同年，jQuery成为Google AJAX Libraries API的一部分，这大大提高了其在开发界的知名度。 ### 3. 社区繁荣 - **2008年**: jQuery Foundation成立，旨在推动jQuery及相关项目的发展，并提供了一个开源社区的平台。...
Maps and Mashups with Geocoding, Google Maps API and Yahoo! Maps API Ajax Debugging with FireBug and Microsoft FiddlerASP.NET AJAX Extensions (formerly code-named “Atlas”) And of course the Second...
<title>Google AJAX Search API Sample @import url("http://www.google.com/uds/css/gsearch.css"); @import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css"); ...
2. **JSP和Ajax集成**：介绍如何在JSP页面中使用脚本元素和脚本let来实现Ajax功能，以及如何通过自定义标签库（Tag Libraries）简化Ajax调用。 3. **Servlet与Ajax**：讲解如何编写Servlet来处理Ajax请求，以及如何...
使用`<script>`标签引入了jQuery 1.4.2版本的库，这是通过Google AJAX Libraries API加载的。确保页面中已经包含了jQuery才能执行后续的JavaScript代码。 3. **jQuery代码**： - `$(function(){})`：这是一个...
1.使用最新的jquery版本 觉得这个建议有待商榷，虽然越新的...猛击Google Libraries API 进入查看。 代码如下: <!– Include a specific version of jQuery –> <script src=”http://ajax.googleapis.com/ajax
And The API would offer the ability to integrate Javascript libraries by using a plugin architecture. Version 1.5 How to set up an ASP .NET server control in a dedicated assembly? How to reference ...
Google 图书馆 API 镜像 这是 CDN 的子集镜像，旨在在缺乏互联网访问权限时从您的本地开发机器提供服务。 指示 第 0 步：克隆此存储库 git clone git://github.com/nicoster/googleapis-mirror-wget-node.git 第1步...
3. **API 交互**：如果项目涉及服务器通信，可能使用了 AJAX (Asynchronous JavaScript and XML) 技术进行异步数据请求，实际上现在更多地使用 fetch API 或 Axios 库来实现。 4. **地图集成**：考虑到“图书馆”的...
3. Angular：Google维护的一个全面的前端框架，包含了构建复杂Web应用所需的各种工具和服务。Angular采用MVVM（Model-View-ViewModel）模式，提供了数据绑定、依赖注入、路由等功能。 4. Vue.js：轻量级且易于学习...
script src =" https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places " > </ script > 在jQuery库之后包括address-autocomplete.js： < script src =" /path/to/...
3. **CDN引用**：也可以选择使用公共CDN（内容分发网络）服务，如Google Hosted Libraries或cdnjs，这样可以减少服务器压力，加快页面加载速度。 **使用示例** ```html <!DOCTYPE html> ...
默认情况下，可以从CDN（内容分发网络）如Google Hosted Libraries获取： ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` ## 三、jQuery选择器的扩展 jQuery支持更多的选择器...
2. **CDN引入**：为了提高页面加载速度，可以使用公共CDN（内容分发网络）来引入jQuery库，如Google Hosted Libraries或Microsoft Ajax CDN。 3. **缩小文件大小**：在生产环境中，使用.min.js版本的jQuery以减小...
- **CDN引用**：为了提高加载速度，可以使用公共CDN（如Google Hosted Libraries）来引入jQuery库。 - **文档查询**：官方文档（https://api.jquery.com/）是学习和查找API的最佳资源。 - **版本选择**：根据项目...
2. **jQuery**：简化DOM操作、事件处理和Ajax请求的库，虽然现代浏览器和JavaScript原生API已经大大减少了其使用，但在某些场景下仍具有价值。 3. **Vue.js**：轻量级的MVVM框架，易于学习，适合构建单页应用。它的...
在前端，我们可以使用jQuery的`$.ajax`或原生的`fetch` API发送AJAX请求，获取服务器返回的JSON数据，然后在JavaScript中处理这些数据。 总结来说，JSON在Java开发中扮演着重要的角色，通过引入相应的jar包，我们...
jQuery是最早流行的JavaScript库之一，以其简洁的API和广泛的浏览器兼容性闻名。它简化了DOM操作、事件处理和Ajax请求，如`$(selector).click(function() {...})`用于绑定点击事件。 四、React：用于构建用户界面 ...