ajax框架源码资源-CSDN文库

共329个文件

html：104个

js：49个

gif：49个

ajax

dojo

prototype

script.aculo.us

5星 · 超过95%的资源需积分: 4 178 浏览量 2007-12-27 11:38:45 上传评论收藏 1.66MB RAR 举报

**Ajax 框架源码解析** Ajax（Asynchronous JavaScript and XML）技术是现代Web开发中的重要组成部分，它使得网页可以实现异步更新，无需刷新整个页面就能与服务器进行数据交换。Prototype、Script.aculo.us、Dojo 这三个框架都是JavaScript库，专门用于简化Ajax操作和其他前端开发任务。 **Prototype** Prototype 是一个轻量级的JavaScript库，它扩展了JavaScript的核心功能，提供了一套强大的DOM操作工具和Ajax功能。Prototype 的核心特性包括： 1. **对象扩展**：Prototype 对JavaScript原生对象进行了增强，如Array、String、Function等，增加了许多实用方法。 2. **DOM操作**：Prototype 提供了简便的DOM选择、创建和操作接口，如$()函数用于元素选择，Element对象提供了大量DOM操作方法。 3. **Ajax支持**：Prototype 的Ajax组件包括Ajax.Request和Ajax.Updater，它们分别用于发起HTTP请求和更新页面部分内容。 **Script.aculo.us** Script.aculo.us 是基于Prototype的JavaScript库，专注于用户界面的动态效果和交互性。它为开发者提供了丰富的动画和UI组件，如滑动效果、拖放功能、下拉菜单等。Script.aculo.us 的主要特点有： 1. **动画效果**：通过Effect库，Script.aculo.us 可以轻松实现各种视觉效果，如淡入淡出、滑动、旋转等。 2. **UI组件**：包括 Autocompleter（自动补全）、Sortable（可排序列表）、Builder（构建UI元素）等，这些组件极大地提升了用户体验。 3. **Ajax组件**：在Prototype的基础上，Script.aculo.us 添加了一些更高级的Ajax功能，如Ajax.InPlaceEditor（就地编辑）和Ajax.Loaders（加载指示器）。 **Dojo Toolkit** Dojo 是一个全面的JavaScript框架，包含了大量的模块和工具，不仅涵盖了Ajax，还包括了DOM操作、事件处理、动画、数据存储、图表绘制等功能。Dojo 的亮点在于： 1. **模块化**：Dojo 使用AMD（Asynchronous Module Definition）模块加载机制，使得代码组织更加有序，便于管理和优化。 2. **dojo.xhr**：Dojo 提供了xhr模块来处理Ajax请求，支持多种HTTP方法和各种响应格式，如JSON、XML等。 3. **Dijit UI**：Dojo 的Dijit模块是一套丰富的、可定制的、无障碍的UI组件，如按钮、表单、对话框等。 4. **Dojo Data**：数据存储和检索模块，支持多种数据源，如JsonRest、ItemFileWriteStore等。通过学习和理解这些框架的源码，开发者能够深入掌握Ajax技术的实现原理，提高自己的JavaScript编程能力，同时也能借鉴其设计模式和最佳实践，应用到自己的项目中，提升开发效率和代码质量。在实际开发中，我们可以根据项目需求选择适合的框架或组合使用，以实现最佳的用户体验。

资源推荐

资源详情

资源评论

收起资源包目录

ajax框架源码（329个子文件）

Default.aspx 11KB

Main.aspx 3KB

NewMessage.aspx 3KB

Main3.aspx 3KB

Main2.aspx 2KB

Default.aspx 2KB

Default.aspx 1KB

SendMessage.aspx 133B

ListMail.aspx 118B

CheckNewMessage.aspx 117B

DeleteMessage.aspx 113B

MailContent.aspx 109B

DeleteSection.aspx 106B

RenameSection.aspx 106B

ListSection.aspx 102B

MoveSection.aspx 102B

AddSection.aspx 100B

DeleteNote.aspx 100B

ListNotes.aspx 98B

RssRender.aspx 98B

EditNote.aspx 96B

MoveNote.aspx 96B

AddNote.aspx 94B

ClassDiagram.cd 4KB

Web.config 2KB

Web.Config 2KB

web.config 1KB

Pop3MailClient.cs 30KB

Pop3MimeClient.cs 29KB

RxMailMessage.cs 11KB

QuotedPrintable.cs 7KB

LocalMailService.cs 3KB

LocalDbService.cs 3KB

AddNote.aspx.cs 2KB

ListNotes.aspx.cs 2KB

ListMail.aspx.cs 2KB

EditNote.aspx.cs 2KB

DbService.cs 2KB

SendMessage.aspx.cs 2KB

ListSection.aspx.cs 1KB

RenameSection.aspx.cs 1KB

MoveNote.aspx.cs 1KB

MoveSection.aspx.cs 1KB

AddSection.aspx.cs 1KB

CheckNewMessage.aspx.cs 1KB

ServerSetting.cs 1KB

DeleteSection.aspx.cs 1KB

DeleteNote.aspx.cs 1KB

RssRender.aspx.cs 1022B

MailService.cs 967B

MailContent.aspx.cs 929B

DeleteMessage.aspx.cs 797B

NewMessage.aspx.cs 408B

Default.aspx.cs 406B

Main3.aspx.cs 403B

Main2.aspx.cs 403B

Main.aspx.cs 402B

Default.aspx.cs 380B

notebook.css 5KB

mail.css 3KB

style.css 3KB

default.css 2KB

style.css 1KB

global.css 682B

test.css 617B

global.css 429B

Memo.css 382B

test_RemotePaths.css 177B

debugger.css 84B

Microsoft.Practices.EnterpriseLibrary.Common.dll 92KB

Microsoft.Practices.EnterpriseLibrary.Data.dll 68KB

Microsoft.Practices.ObjectBuilder.dll 60KB

光盘使用必读.doc 679KB

book.gif 4KB

active-r.gif 1KB

active-c.gif 1KB

inactive-c.gif 1KB

active-l.gif 1KB

inactive-r.gif 1KB

pressed-r.gif 1KB

pressed-l.gif 1KB

disabled-r.gif 1KB

inactive-l.gif 1KB

disabled-l.gif 1KB

disabled-c.gif 1KB

pressed-c.gif 1KB

ok.gif 1KB

h3_quickSummary.gif 1KB

h3_lresources.gif 999B

ft-headup.gif 930B

ft-headdown.gif 930B

loading.gif 878B

ft-head.gif 831B

共 329 条

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  <html> <head> <title>ContentPane External pathsfixes Test</title> <link rel="stylesheet" href="test_RemotePaths.css" /> <script type="text/javascript"> djConfig = { isDebug: true }; </script> <script type="text/javascript" src="../../../dojo.js"></script> <script type="text/javascript"> dojo.require("dojo.event.*"); //--------------------------------test setting private vars to execScope ---------------------------- //set up event listeners var connected = false; function connect(){ var dec = connected ? dojo.event.disconnect : dojo.event.connect; dojo.debug((connected ? "disconnect" : "connect")+" eventlisteners"); connected = true; // connect to links using the new array syntax dec(["https", "http", "ftps", "ftp", "news", "file", "mailto","javascript", "relative"], "onclick", obj, "isPathFixed"); // connect to toggle clicks dec(dojo.byId("inFileToggler"), "onclick", obj, "inFileScriptToggle"); dec(dojo.byId("extToggler"), "onclick", obj, "extScriptToggle"); } var obj = { // toggle inFileScriptToggle: function(){ var a = document.getElementById("inFileToggler"); var txt = a.firstChild.nodeValue; if(txt == "In file scripttest, Released"){ txt = "In file scripttest, Pushed"; }else{ txt = "In file scripttest, Released"; } a.firstChild.nodeValue = txt; }, //checks if paths are set up correctly isPathFixed: function (evt){ var node = evt.currentTarget; dojo.event.browser.stopEvent(evt); var fail = false; var href = node.href.replace(/\/$/, ""); // strip after slash that browsers seem to append var shouldBe = node.firstChild.nodeValue; // linktext is our guide of what paths should be if(node.id=="file" || node.id=="javascript"){ href = href.toLowerCase().replace(/%20/g, ' '); // FF and Opera replaces Document to document href = href.substr(0,7) + href.substr(7 ,href.length).replace(/\//g, '\\'); // IE replaces to / in wine shouldBe = shouldBe.toLowerCase(); }else if(node.id=="relative"){ // translate path to be relative to this folder shouldBe = new dojo.uri.Uri(location, shouldBe.substr(3)).toString(); } // do the check if(href == shouldBe){ alert("Test passed for "+node.id+"!"); }else{ alert("Failure in "+node.id+"\n"+href+"\n should be \n"+shouldBe); } } }; //-------------------------- test setting objects to global scope ------------------------------------------- // this function gets set onto window object, notice the absence of var! globalVar = "Hello from a global string!"; globalFunction = function(){ // same as window.globalFunction alert(globalVar); } // NOTE: this function gets cleared by the garbage collect when we fill with new content // But only in KHTML, Presto, and possibly Webcore. isGlobalSticky = function(back){ var pane = dojo.widget.byId("docpane"); if(pane){ if(back){ pane.setUrl("acme/test_RemotePaths.html"); }else{ var content = "<h3>The content in this page comes from a global function set by test_RemotePaths.html</h3>" +" If everything works you should be able to get back by clicking" +" <a href='javascript:isGlobalSticky(true)'>here</a>"; pane.setContent(content); } } } //----------------------------- set up onload and onUnLoad listeners -------------------------------------- if(typeof _container_ == 'undefined'){ // browsing page as standalone dojo.addOnLoad(obj.connect); }else{ _container_.addOnLoad(connect); _container_.addOnUnload(connect); } </script> <script type="text/javascript" src="RemotePaths_test.js"></script> </head> <body> <style type="text/css"> /*!!!note not in head on purpose, should get ripped out of content before _setContent and inserted to document head*/ #bgstyleimagetest{ background-image: url(../images/tools.gif); } .border{ border: 1px solid black; } .linkSimulants{ cursor: pointer; text-decoration:underline; color: blue; } </style> <a name="top"><a href="#bottom">Test anchor tags</a></a> <h3>Image and css paths</h3> <img class="border" src="../images/tools.gif"/><-image path test, should be a tool image<br/> <span class="border" id="bgimagetest">          </span><-remote css file test, background should be toolimage (may be cut)<br/> <span class="border" style="background-image: url(../images/tools.gif);">          </span><-inline css test, background should be toolimage (may be cut)<br/> <span class="border" id="bgstyleimagetest">          </span><-stylenode css test, background should be toolimage (may be cut)<br/><br/> <h3/>External link paths, should'nt be clobbered by pathsfix mechanism</h3> <a href="https://some.secure.site" id="https">https://some.secure.site</a><br/> <a href="http://some.ordinary.site" id="http">http://some.ordinary.site</a><br/> <a href="ftps://some.secure.ftp" id="ftps">ftps://some.secure.ftp</a><br/> <a href="ftp://some.ordinary.ftp" id="ftp">ftp://some.ordinary.ftp</a><br/> <a href="file://C:\Document and settings\All users\local.html" id="file">file://C:\Document and settings\All users\local.html</a><br/> <a href="news:dojotoolkit.org" id="news">news:dojotoolkit.org</a><br/> <a href="mailto:nospam@dojotoolkit.org" id="mailto" correctPath="mailto:nospam@dojotoolkit.org">mailto:nospam@dojotoolkit.org</a><br/> <a href="javascript:myFunc(1, 2, 3);" id="javascript">javascript:myFunc(1, 2, 3);</a><br/><br/> <h3>Fixed linkpaths, should get repointed relative to this path.</h3> why anyone would ever want to do ordinary links in a ajax app is beyond me, but here it goes.<br/> <a href="../test_Button.html?key=value&value=key" id="relative">../test_Button.html?key=value&value=key</a><br/> <h3>Inline eventhandlers</h3> <a href="javascript:globalFunction();">Click for a global string</a><br/> <a href="javascript:isGlobalSticky();">Click to test if global remains in memory after new content.</a> WARNING! It is allways better to include global code in the root page <h3><a name="bottom">Scrips, needs executescripts=true</a></h3> <span class="linkSimulants" id="inFileToggler">In file scripttest, Released</span><br/> <span class="linkSimulants" id="extToggler">Ext. js file scripttest, Released</span><br/><br/> <a href="#top">To top!</a> </body> </html>

评论收藏

内容反馈