`
wutao33543
  • 浏览: 64860 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

Prototype实战教程----7.AJAX

AjaxprototypeXHTMLHTML 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>Ajax</title>
        <script type="text/javascript" language="javascript"
         src="prototype.js" ></script>
        <script type="text/javascript" language="javascript">
        function test() {
            var myAjax = new Ajax.Request(
                'http://www.wanfangdata.com.cn', 
                {
                    method: 'get', 
                    onComplete: showResponse
                }
            );
        }
        
        function showResponse(response) {
            $('divResult').innerHTML = response.responseText;
        }        
        
        var handle = {
            onCreate: function() {
                Element.show('loading');
            },
            onComplete: function() {
                if (Ajax.activeRequestCount == 0) {
                    Element.hide('loading');
                }
            }
        };
        Ajax.Responders.register(handle);//把handle注册到全局的Ajax.Responders，Ajax.Responders用来维护一个正在运行的Ajax对象列表
        </script>
    </head>
    <body>
    <input type="button" value="click" onclick="test()" />
    <div id="divResult" ></div>
    <div id='loading' style="display:none">
        <img src="loading2.gif">Loading
    </div>
    </body>
</html>
分享到：
| Prototype实战教程----6.$
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Wrox.Professional.Ajax.2nd.Edition.Mar.2007.pdf

    - **介绍流行的Ajax框架**：如jQuery、Prototype、MooTools等，这些框架简化了Ajax的使用，提供了一套标准的API来处理常见的网络请求和DOM操作。 - **框架的优缺点对比**：分析了不同框架的特点，帮助读者根据项目...

    prototype.js.cn.doc.rar

    三、Prototype.js实战应用 1. **模块化开发**：Prototype.js的模块化设计思路可以帮助开发者组织代码，提高代码复用性。使用`Object.extend()`或`Prototype.include()`方法，可以将功能划分到不同的模块中。 2. **...

    Ajax实战：Prototype与Scriptaculous篇pdf

    **Ajax实战：Prototype与Scriptaculous篇** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使得网页实现异步更新，...

    Apress.Practical.Prototype.and.script.aculo.us.Jun.2008.pdf

    - AJAX编程：深入探讨Prototype提供的AJAX支持，包括请求处理、数据格式化等技术细节。 - 动画与UI组件：介绍script.aculo.us库中的动画效果以及各种UI组件的使用方法。 - 扩展与自定义：教授如何扩展Prototype的...

    Manning.Prototype.and.Scriptaculous.in.Action

    《Manning.Prototype.and.Scriptaculous.in.Action》是一本深入探讨JavaScript库Prototype和Scriptaculous实战应用的经典书籍，尤其在Ajax技术领域具有很高的参考价值。这本书面向的是希望通过JavaScript提升Web应用...

    .prototype.and.scriptaculous.taking.the.pain.out.of.javascript

    6. **实战案例**：书中可能会包含一些实际项目示例，展示如何结合Prototype和Scriptaculous开发复杂的AJAX应用。 7. **兼容性和性能优化**：讨论如何确保代码在不同浏览器上的兼容性，以及如何优化AJAX请求以提高...

    Practical.Prototype.and.script.aculo.us.Jun.2008

    - 希望通过实例和实战练习来深化对Prototype和script.aculo.us理解的专业人士。 - 对于前端技术感兴趣的学生、教师或任何想要了解现代Web开发趋势的人士。 ### 结论 《实用的Prototype与script.aculo.us》不仅是一...

    For.Dummies.Ajax.For.Dummies.Feb.2006.eBook-BBL

    6. **实战案例**：提供实际的Ajax应用示例，如动态表单、实时搜索、无刷新更新等，让读者能够通过实践学习Ajax编程。 7. **最佳实践和设计模式**：介绍如何编写可维护、可扩展的Ajax代码，以及一些常见的设计模式和...

    ajax.request和ajax.periodicalupdate用法讲解

    在JavaScript的世界里，Prototype是一个非常著名的库，它扩展了JavaScript的核心功能，并提供了强大的对象操作工具以及丰富的Ajax功能。本文将详细讲解Prototype库中的两个关键Ajax方法：`Ajax.Request`和`Ajax....

    Ajax实战:Prototype与scriptaculous篇

    资源名称：Ajax实战: Prototype与ｓｃｒｉｐｔaculous篇内容简介：这是一本讲述 Prototype和 ｓｃｒｉｐｔaculous的实用性极强的综合指南。本书在简要介绍这两个库在宏观应用中的意义之后，再通过 QuickGallery图片...

    Ajax实战.rar

    5. **Ajax库和框架**：介绍jQuery、Prototype等流行库，以及它们如何简化Ajax开发。 6. **性能优化**：缓存策略、减少HTTP请求和预加载等提高Ajax性能的技术。 7. **错误处理**：如何捕获和处理Ajax请求中的错误。 8...

    Ajax与PHP基础教程.rar

    2. **AJAX库与框架**：简述jQuery和其他流行库（如Prototype、Dojo）如何简化Ajax开发。 3. **跨域问题与解决方案**：探讨Ajax的同源策略限制及JSONP、CORS等跨域解决方案。 ### 第五章 - PHP与Ajax结合 1. **创建...

    AJAX实战 PROTOTYPE与SCRIPTACULOUS篇 随书源码

    标题中的"AJAX实战"指的是使用Ajax（Asynchronous JavaScript and XML）技术进行Web开发的实践教程。Ajax是一种在不刷新整个网页的情况下，通过后台与服务器交换数据并局部更新页面的技术，提高了用户体验。...

    疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发（part01）

    《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》是《基于J2EE的Ajax宝典》的第二版。《基于J2EE的Ajax宝典》面市近2年，作为Ajax领域最全面、实用的图书，一直深受读者的好评。全书主要分为三个...

    Ajax-Basics-2.pdf

    市面上有许多优秀的书籍涵盖了Ajax的基础知识、高级技巧以及实战案例。例如，《Ajax in Action》、《Professional Ajax》和《Ajax: The Definitive Guide》等都是值得推荐的资源。这些书籍不仅提供了理论知识，还...

    Beginning.Ajax.wrox

    在实际应用中，Ajax框架和库如jQuery、Prototype、dojo等简化了Ajax开发，它们提供了更高级别的API，使开发者能更专注于业务逻辑而不是底层实现。书中可能会对这些框架进行介绍，帮助读者理解它们的工作方式，并学会...

    Packt.PHP.Ajax.Cookbook.2011

    3. **AJAX库的使用**：探讨jQuery、Prototype等流行的JavaScript库如何简化Ajax开发，以及如何使用这些库实现更复杂的交互效果。 4. **表单处理与验证**：讲解如何使用Ajax进行动态表单验证，用户在提交表单时无需...

    prototype.js1.4版开发者手册

    **Prototype.js** 是一个非常优雅的 JavaScript 基础类库，它为 JavaScript 提供了大量的扩展，并且很好地支持 Ajax 技术。该类库不仅具有很高的实用性，而且对于学习 JavaScript 开发也非常有价值。它由 Sam ...

    AJAX实战 中文版.rar

    6. **库与框架**：AJAX实战不仅限于原生API，还包括使用jQuery、Prototype、Dojo等流行的JavaScript库和框架来简化AJAX开发的方法。这些工具提供了更高级别的抽象，使开发更为便捷。 7. **RESTful API**：随着Web...

Magicbox
Global site tag (gtag.js) - Google Analytics