AJAX入门与实例
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
主要包含了以下几种技术:
Ajax(Asynchronous JavaScript + XML)的定义
基于web标准(standards-based presentation)XHTML+CSS的表示;
使用 DOM(Document Object Model)进行动态显示及交互;
使用 XML 和 XSLT 进行数据交换及相关操作;
使用 XMLHttpRequest 进行异步数据查询、检索;
使用 JavaScript 将所有的东西绑定在一起。
传统的web应用允许用户填写表单(form),当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单,然后返回一个新的网页。这个做法浪费了许多带宽,因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。
与此不同,AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于XML的web service接口,并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少,结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。
Ajax应用程序的优势在于:
1. 通过异步模式,提升了用户体验
2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用
3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。
******************************************************************************************** ******
xmlhttp的属性:
onreadystatechange 指定当readyState属性改变时的事件处理句柄,只写。
readyState 返回当前请求的状态,只读。
responseBody 将回应信息正文以unsigned byte数组形式返回,只读
responseStream 以Ado Stream对象的形式返回响应信息,只读。
responseText 将响应信息作为字符串返回,只读。
responseXML 将响应信息格式化为Xml Document对象并返回,只读。
status 返回当前请求的http状态码,只读。
statusText 返回当前请求的响应行状态,只读。
xmlhttp的方法:
abort 取消当前请求
getAllResponseHeaders 获取响应的所有http头
getResponseHeader 从响应信息中获取指定的http头
setRequestHeader 单独指定请求的某个http头
语法:
onreadystatechang 指定当readyState属性改变时的事件处理句柄,只写
xmlHttpObj.onreadystatechange=a;
function a(){
if(xmlHttpObj.readyState==4){
if(xmlHttpObj.stateus==200){
alert(xmlHttpObj.responseText);
}else{
alert("加载失败!\n原因:"+xmlHttpObj.stateText);
}
}
}
readyState 返回当前请求的状态,只读。
xmlHttpObj.readyState;
参见函数a;
readyState,变量。定义如下:
0 (未初始化) 对象已建立,但是尚未初始化(尚未调用open方法)
1 (初始化) 对象已建立,尚未调用send方法
2 (发送数据) send方法已调用,但是当前的状态及http头未知
3 (数据传送中) 已接收部分数据,因为响应及http头不全,这时通过responseBody和responseText 获取部分数据会出现错误,
4 (完成) 数据接收完毕,此时可以通过通过responseBody和responseText获取完整的回应数据
responseText 将响应信息作为字符串返回,只读。
xmlHttpObj.responseText;
responseBody ,responseStream ,responseText ,responseXML 与之相似
responseXML可以返回一个文档树(DOM),可以使用document.getElementsByTagName,document.getElementsByTagNameNS,document.getElementById等对其操作
stateus 返回当前请求的http状态码,只读。
xmlHttpObj.stateus;
参见函数a;
长整形标准http状态码,定义如下:
值描述
100 Continue
201 Created
202 Accepted
203 Non-Authoritative Information
204 No Content
205 Reset Content
206 Partial Content
300 Multiple Choices
301 Moved Permanently
302 Found
303 See Other
304 Not Modified
305 Use Proxy
307 Temporary Redirect
400 Bad Request
401 Unauthorized
402 Payment Required
403 Forbidden
404 Not Found
405 Method Not Allowed
406 Not Acceptable
407 Proxy Authentication Required
408 Request Timeout
409 Conflict
410 Gone
411 Length Required
412 Precondition Failed
413 Request Entity Too Large
414 Request-URI Too Long
415 Unsupported Media Type
416 Requested Range Not Suitable
417 Expectation Failed
500 Internal Server Error
501 Not Implemented
502 Bad Gateway
503 Service Unavailable
504 Gateway Timeout
505 HTTP Version Not Supported
statusText 返回当前请求的响应行状态
xmlHttpObj.stateText;
参考函数a;
open 创建一个新的http请求,并指定此请求的方法、URL以及验证信息
xmlHttpObj.open(Method,URL[,Async][,User][,PassWord]);
[]表示可选
Method:POST|GET(大小写不敏感)
URL:请求的URL地址,可以为绝对地址也可以为相对地址。
Async:[true|fase] 是否同步,默认为true。
User:如果服务器需要验证,此处指定用户名,如果未指定,当服务器需要验证时,则会弹出验证窗口。
Password:验证信息中的密码部分,如果用户名为空,则此值将被忽略。
send 发送请求到http服务器并接收回应
xmlHttpObj.send([Text]);
参数:
Text:要发送的数据,默认为空(null);
******************************************************************************************** ****************
一个例子:
创建一个xmlhttp对象:现在的绝对多数浏览器都增加了对XmlHttp的支持,IE中使用ActiveXObject方式创建XmlHttp对象,其他浏览器如:Firefox、Opera、NetScape等通过window.XMLHttpRequest来创建xmlhttp 对象。
var xmlhttp;
function new_xmlHttp(){
var a=null;
if(window.ActiveXObject){//IE(此处的IE泛指所有用IE内核的浏览器,下同)
a=new ActiveXObject("Msxml2.XMLHTTP");
if(!a){
a=new ActiveXObject("Microsoft.XMLHTTP")
}
}else if(window.XMLHttpRequest){//Mozilla(FireFox,NS)
a=new XMLHttpRequest()
}
return a;
}
xmlhttp=new_xmlhttp();
xmlhttp.open("GET","http://localhost/xmlfile.xml",false);//创建一个新的HTTP请求,并指定URL xmlhttp.send();//发送
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
if(xmlhttp.stateus==200){
alert(xmlhttp.responseText);
}else{
alert("加载失败!\n原因:"+xmlhttp.stateText);
}
}
一个简单完整的XMLHTTP例子:
将以下代码保存为本地HTML文件再使用
CODE:
var oDiv
var xh
function getXML()
{
oDiv = document.all.m
oDiv.innerHTML = "正在装载栏目数据,请稍侯......."
oDiv.style.display= ""
xh = new ActiveXObject("Microsoft.XMLHTTP")
xh.onreadystatechange = getReady
xh.open("GET",a.value,true)
xh.send()
}
function getReady()
{
if(xh.readyState==4)
{
if(xh.status==200)
{
oDiv.innerHTML = "完成"
}
else
{
oDiv.innerHTML = "抱歉,装载数据失败。原因:" + xh.statusText
}
}
}
xmlhttp异步的例子:
URL:
jQuery EasyUI 简介 jQuery EasyUI 是一个基于jQuery 的框架,集成了各种用户界面插件。 什么是JQuery EasyUI jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。 ?easyui 是一个基于jQuery 的框架,集成了各种用户界面插件。 ?easyui 提供建立现代化的具有交互性的javascript 应用的必要的功能。 ?使用easyui,您不需要写太多javascript 代码,一般情况下您只需要使用一些html 标记来定义用户界面。 ?HTML 网页的完整框架。 ?easyui 节省了开发产品的时间和规模。 ?easyui 非常简单,但是功能非常强大。
JQuery EasyUI 下载 您可以从https://www.doczj.com/doc/467075744.html,/download/index.php上下载您需要的jQuery EasyUI 版本。 JQuery EasyUI-创建 CRUD 应用 数据收集并妥善管理数据是网络应用共同的必要。CRUD 允许我们生成页面列表,并编辑数据库记录。本教程将向你演示如何使用jQuery EasyUI 框架实现一个CRUD DataGrid。 我们将使用下面的插件: ?datagrid:向用户展示列表数据。 ?dialog:创建或编辑一条单一的用户信息。 ?form:用于提交表单数据。 ?messager:显示一些操作信息。 步骤1:准备数据库 我们将使用MySql 数据库来存储用户信息。创建数据库和'tbl_user' 表。
步骤2:创建DataGrid 来显示用户信息 创建没有javascript 代码的DataGrid。 我们不需要写任何的javascript 代码,就能向用户显示列表,如下图所示:
《移动Web开发技术基础》教学大纲 一、课程名称 移动Web开发技术基础 Foundation of Mobile Web Programming 二、学时与学分 80学时(理论48、实验32)、4学分 三、适用专业 非计算机专业本科生 四、参考教材 1.《JavaScript前端开发实用技术教程》,岳学军,人民邮电出版社,2014. 9 2.(HTML5程序设计》,Peter Lubbers等,人民邮电出版社,2012.5 3.《HTML5与CSS3权威指南(第2版)》,陆凌牛,机械工业出版社,2013.3 五、课程的内容和目的 本课程作为非计算机专业本科通识课程,是一门理论和实践紧密结合的实用课程,内容包括讣算机基础部分和程序设计部分。汁算机基础部分涵盖计算机软硬件组成、数制表示、操作系统、多媒体原理和网络基础知识。程序设计部分为Web开发技术:HTML技术、CSS技术、Javascript语言、AJAX技术、HTML5新技术及HTML5 API。使学生掌握网站询端开发技术和开发移动端单页Web应用的基本原则、方法和步骤,从而使学生具有扎实的Web开发理论基础和较强的实践动手开发能力。本课程的主要目的是使学生了解计算机基础知识、Web开发技术, 具
备HTML5语言的编程能力。 基木要求 1.了解计算机基础知识。 2.了解操作系统的作用及分类 3.了解多媒体基础知识 4.了解网络基础知识,掌握网络基本应用及网络信息的获取方法 5.理解Web工作原理,了解Web技术基础。 6.熟练掌握超文本标记语言HTML文档的结构、常用文档元素的含义和基本 使用方法。 7.理解样式表语言CSS的基本概念和作用,掌握CSS的基本语法和使用方 法。 8.掌握脚本语言JavaScript的基本概念和语法,掌握JavaScript对常用 HTML文档元素的操作方法;了解文档对象模型DOM的基本概念和作用。 9.了解 HTML3 新标签及 HTML5 API 10.了解主要动态网页技术的基本概念。 七、教学大纲 第1章计算机基础知识 授课内容: 1.计算机的发展及应用 2.计算机中的信息表示(二进制、信息单位) 3.数据在计算机中的表示 4.计算机硬件系统 5.计算机软件系统 6.操作系统功能及分类 第2章多媒体技术基础 授课内容:
html5实例教程网盘下载 学习HTML、CSS基础知识,实现PC端静态页面制作(例如京东商城),响应式网页布局的制作(微软中国官网)、及WebApp页面布局(淘宝、美团等)。 html5前端人才已成为IT职场的紧缺型人才,如何自学html5?如何短时间内迅速提升html5开发能力?千锋教育html5实例教程网盘下载(https://www.doczj.com/doc/467075744.html,/video/html5_download.html),助力大家成为企业不可多得的贤才。 实现这些需要的知识有 1、学习HTML基本语法:双标签、单标签语法结构。 2、常用标签:标题标签、段落标签、布局标签、表格、列表、标签标签。 3、学习CSS基本语法:选择器声明。 4、学习CSS的三种样式表:内联、内部、外部 5、学习CSS的各种常用选择器 6、学习CSS的选择器、样式表的优先级和权重问题。 7、学习CSS的核心属性及属性值 8、学习CSS的元素类型的转换
9、学习CSS的定位锚地的应用 10、学习CSS中的图片整合技术的应用 11、学习CSS中常见的浏览器的兼容及解决方法 12、学习HTML5新增元素及属性 13、学习CSS3新增选择器的应用 14、学习CSS3的2D、3D、关键帧动画的相关应用 15、学习CSS3中弹性盒的应用 16、学习CSS3中媒体查询响应式的设计应用 学习JavaScript和jQuery及掌握一门后台程序语言的简单基础和一个数据库,实现PC端项目交互开发(做一个电商类型的网站开发) 需要的知识有 1、学习JavaScript的基本语法 2、学习JavaScript的循环语句 3、学习JavaScript的函数与数组 4、学习JavaScript的String和Data 5、学习JavaScript的BOM与DOM 6、学习JavaScript的相关事件 7、学习JavaScript的拖拽效果 8、学习JavaScript的cookie存储 9、学习JavaScript的正则表达式 10、学习JavaScript的Ajax的应用 11、学习JavaScript的面相对象基础
JQUERY AJAX异步操作详细说明 AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和XML)。它并非一种新的技术,而是以下几种原有技术的结合体。 1)使用CSS和XHTML来表示。 2)使用DOM模型来交互和动态显示。 3)使用XMLHttpRequest来和服务器进行异步通信。 4)使用javascript来绑定和调用。 通过AJAX异步技术,可以在客户端脚本与web服务器交互数据的过程中使用XMLHttpRequest对象来完成HTTP请求(Request)/应答(Response)模型: 1)不需要用户等待服务端响应。在异步派发XMLHttpRequest请求后控制 权马上就被返回到浏览器。界面不会出现白板,在得到服务器响应之前 还可以友好的给出一个加载提示。 2)不需要重新加载整个页面。为XMLHttpRequest注册一个回调函数,待 服务器响应到达时,触发回调函数,并且传递所需的少量数据。“按需 取数据”也降低了服务器的压力。 3)不需要使用隐藏或内嵌的框架。在XHR对象之前,模拟Ajax通信通常 使用hack手段,如使用隐藏的或内嵌的框架(
2018年最新全套Web前端开发学习教程 前端很火,学习前端的人也多【前端开发月薪多少?>>】。泛艺学苑在这里为大家制作这份2018年最新全套Web前端开发学习教程,让正在学习前端的小伙伴们有一份系统专业的学习资源和学习指导。【前端开发教程下载>>】 一、学习Web前端开发线路图 二、学习Web前端教程篇 第一阶段:基础教程 第一章HTML基础
第一节了解HTML及W3C标准第二节HTML标签 第三节HTML框架 第二章CSS基础 第一节CSS基础语法和选择器第二节CSS盒模型 第三节CSS常用属性 第四节CSS定位 第三章JS基础 第一节JS简介 第二节JS变量和数据类型 第三节JS函数及流程控制 第四节JS常用对象 第四章jQuery的使用 第一节jQuery的基本使用 第二节jQuery选择器 第三节jQuery效果 第四节jQuery操作DOM 第五节jQuery页面效果插件
第六节jQuery动画插件 第二阶段:进阶教程 第五章HTML5 第一节HTML5概述 第二节新增元素及属性1 第三节新增元素及属性2 第四节Canvas、SVG 第五节Web存储 第六节应用缓存及web works 第七节服务器推送事件 第六章CSS3 第一节CSS3基础 第二节CSS3盒模型 第三节CSS3布局 第四节CSS3动画 第五节Web文字及兼容性 第七章bootstrap 第一节响应式概念 第二节C栅格系统
第三节Bootstrap常用模板 第四节Less和SASS 第八章移动Web开发 第一节视口和CSS单位 第二节流式布局 第三节弹性盒模型 第四节移动终端事件处理 第五节常见的移动端布局 第六节跨终端Web适配方案 第七节移动Web开发综合案例 第九章JS进阶 第一节DOM模型 第二节JS浏览器对象 第三节JS面向对象 第四节常用设计模式 第三阶段拔高教程 第十章前端自动化 第一节NPM包管工具 第二节版本管理工具
介绍 尽管AJAX是种客户端技术,但实际上的开发过程,它经常要调用一个服务器端的过程。通常,网站上的数据是存放在一个关系型数据库中,为了让AJAX更有用处,处理服务器端数据需要一种简单可靠的方法。幸运的是,https://www.doczj.com/doc/467075744.html, AJAX提供了一种有效的基础架构来做这件事情,浏览器和服务器在Internet上可以进行AJAX通信。自然而然,Web Service在数据传输和客户端/服务器之间的一般通信方面可以扮演一个重要角色。本文就演示了如果通过https://www.doczj.com/doc/467075744.html, AJAX调用https://www.doczj.com/doc/467075744.html, web services。 软件需求 本文所有的范例都是使用https://www.doczj.com/doc/467075744.html, AJAX RC版,而且,要在SQL Server 2005 (Express版即可)上有一个Northwind数据库。范例使用Visual Studio 2005作为开发环境。 范例场景 范例开发了一个Web页面,用于输入Northwind数据库职员表中的职员数据。页面通过https://www.doczj.com/doc/467075744.html, AJAX功能,调用一个Web Service来完成职员表中的数据增、删、改、查。 创建一个Web Service 作为开始,使用Visual Studio 2005创建一个新的Web站点,注意把https://www.doczj.com/doc/467075744.html, AJAX项目模板添加到新站点对话框,这个对话框包括一个"https://www.doczj.com/doc/467075744.html, AJAX Enabled Web Site" 模板。 图1:新站点创建模板 使用"https://www.doczj.com/doc/467075744.html, AJAX Enabled Web Site" 模板创建的新站点和用普通方法创建的站点区别如下:·它的Web.config自动包括许多https://www.doczj.com/doc/467075744.html, AJAX专用的配置信息。
Gwt-Ext 的概述 GWT-Ext 是基于Google Web Toolkit(GWT)和ExtJs 的功能强大的网页开发控件库。它非常适用于进行纯Java 语言的富Internet 应用的快速开发。本系列文章将详细讲解GWT-Ext 的基本结构和功能特点,并通过代码示例来演示该技术的具体实现。本文是该系列的第一部分,将带领您快速入门GWT-Ext,并演示如何快速搭建GWT-Ext 的开发环境。 概述 GWT-Ext 是基于Google Web Toolkit(GWT)和ExtJs 的功能强大的网页开发控件库。它扩展了GWT,在ExtJs 的基础上实现了有排序功能的表格(Grid)、分页、过滤,支持有拖拽功能的树,高度可定制的组合下拉框(Combobox)、目录、对话框、表单(Form)以及功能丰富、强大且易用的API。GWT-Ext 拥有GNU Lesser General Public Licence (LGPL)(请参阅参考资料),V3.0 的许可证。因此它是一个非常灵活,允许在开源和商业中应用的控件库。 GWT 的介绍(请参阅参考资料)已经非常丰富,我们这个系列主要关注在GWT-Ext 的介绍和应用上。GWT-Ext 是在GWT 和ExtJs 的基础上对表现层的进一步封装。我们可以理解GWT 提供了Ajax 的一套基础框架,而ExtJs 提供了以JavaScript 和CSS 样式表为基础的非常丰富的表现层接口。那么GWT-Ext 就是在GWT 的基础上,将ExtJs 的JavaScript 接口映射或者封装为Java 的接口。在Java 的环境下开发和调试开发表现层,可以大大提高开发的速度。 回页首 GWT-Ext 开发环境搭建 在这个系列中,将通过示例的方式,一步步地介绍如何搭建一个GWT-Ext 的开发环境。本章将通过图解与代码结合的方式搭建演示平台框架,并且演示如何部署这个平台到Tomcat 容器中。 下载开发环境 我们将使用Eclipse 和插件Cypal Studio 来搭建控件演示平台。Cypal Stutio 是一个GWT 成熟的开发工具。它能非常方便地帮助我们搭建GWT 的开发以及调试环境,并且能够实现编译和打包的工作,省去了开发GWT 过程中很多繁琐的过程。 需要下载的产品和技术请参阅参考资源中的“获得产品和技术”部分。 安装Cypal Studio 插件 解压Eclipse 到本地硬盘,同时解压cypal.studio.for.gwt-1.0.zip 到Eclipse 的plugins 目录下。然后解压下载的gwt-windows-1.5.0.zip 。最后,启动Eclipse 。 选择Eclipse 目录Window >Preferences > Cypal Stutio,填写GWT 相关的信息如图1所示。GWT Home 填写GWT 的解压根目录。如果Java VM 的要求较高,可以从512M 提高到1024M 。如图1 所示。
AJAX教程(1):AJAX简介 网页制作Webjx文章简介:AJAX指异步JavaScript及XML(Asynchronous JavaScript And XML)。 AJAX指异步JavaScript及XML(Asynchronous JavaScript And XML)。 AJAX是一种在2005年由Google推广开来的编程模式。 AJAX不是一种新的编程语言,而是一种使用现有标准的新方法。 通过AJAX,你可以创建更好、更快以及更友好的WEB应用程序。 AJAX基于JavaScript和HTTP请求(HTTP requests)。 AJAX指异步JavaScript及XML(Asynchronous JavaScript And XML)。 您应当具备的基础知识 在继续学习之前,您需要对下面的知识有基本的了解: *HTML/XHTML *JavaScript 如果您希望首先学习这些项目,请在我们的首页访问这些教程。 AJAX=异步JavaScript及XML(Asynchronous JavaScript and XML) AJAX不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。 通过AJAX,您的JavaScript可使用JavaScript的XMLHttpRequest对象来直接与服务器进行通信。通过这个对象,您的JavaScript可在不重载页面的情况与Web服务器交换数据。 AJAX在浏览器与Web服务器之间使用异步数据传输(HTTP请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。 AJAX可使因特网应用程序更小、更快,更友好。 AJAX是一种独立于Web服务器软件的浏览器技术。 AJAX基于Web标准 AJAX基于下列Web标准: *JavaScript *XML *HTML *CSS
初学者入门教程,来源于网络 AJAX 简介
AJAX 全称为“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML) ,是一种创 建交互式网页应用的网页开发技术。类似于 DHTML 或 LAMP,AJAX 不是指一种单一的技 术,而是有机地利用了一系列相关的技术。 AJAX 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用 程序的技术。通过 AJAX,您的 JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来 直接与服务器进行通信。 通过这个对象, 您的 JavaScript 可在不重载页面的情况与 Web 服 务器交换数据。AJAX 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求) ,这 样就可使网页从服务器请求少量的信息,而不是整个页面。AJAX 可使因特网应用程序更 小、更快,更友好。 AJAX 是一种独立于 Web 服务器软件的浏览器技术。AJAX 基于下列 Web 标准: ? ? ? ? JavaScript XML HTML CSS
在 AJAX 中使用的 Web 标准已被良好定义,并被所有的主流浏览器支持。AJAX 应用 程序独立于浏览器和平台。
1. AJAX 使用 Http 请求
在传统的 JavaScript 编程中,假如您希望从服务器上的文件或数据库中得到任何的信 息, 或者向服务器发送信息的话, 就必须利用一个 HTML 表单向服务器 GET 或 POST 数 据。而用户则需要单击“提交”按钮来发送/获取信息,等待服务器的响应,然后一张新的页 面会加载结果。由于每当用户提交输入后服务器都会返回一张新的页面,传统的 web 应用 程序变得运行缓慢,且越来越不友好。通过利用 AJAX,您的 JavaScript 会通过 JavaScript 的 XMLHttpRequest 对象,直接与服务器来通信。通过使用 HTTP 请求,web 页可向服务 器进行请求,并得到来自服务器的响应,而不加载页面。用户可以停留在同一个页面,他或 她不会注意到脚本在后台请求过页面,或向服务器发送过数据。 XMLHttpRequest 对象:通过使用 XMLHttpRequest 对象,web 开发者可以做到在页面 已加载后从服务器更新页面! 您的第一个 AJAX 应用程序:为了让您理解 AJAX 的工作原理,我们将创建一个小
ASP入门教程-前言时间:2008-02-16 含笑 ASP(Active Server Pages)是目前最为流行的开放式的Web服务器应用程序开发技术。使用它可以将HTML语言,脚本语言和Active控件组合一起,产生动态、交互、具有数据库访问功能,且高效率的基于Web的应用程序。 ASP技术的优势主要表现在以下几个方面: ASP运行环境的配置非常方便,只要在Windows平台上安装PWS或IIS,Web服务器与ASP 应用服务器的配置便基本上完成了; ASP技术简单易学,使用ASP编写服务器端脚本可以创建功能强大的Web应用程序,如果已经熟悉VBScript或JavaScript脚本语言,学习ASP就不会感觉到有什么困难; 使用ASP技术进行开发时,可以通过建立自己的COM组件,将应用程序的商业逻辑封闭在可重用的模块中,以便在脚本、其他组件或其他程序中调用。 关于Asp代码与页面的分离时间:2008-04-05 为了避免ASP程序和HTML代码混写造成维护困难的情况,本文介绍了一种方法,利用模板来分离程序和页面,使程序设计更加轻松。 在使用ASP制作一个站点的时候,常常会出现一个ASP文件中,程序代码和HTML代码混合的情况。这样子做有许多缺点: 1.且不说编程时就要对页面布局进行设计和编排,造成代码混乱难懂,不规范; 2.当需要改变页面外观时,你不仅要改变HTML部份,也需要改变ASP代码,不易维护。那么,要如何才能避免这些麻烦呢? 答案就是使用模板文件,将ASP代码和HTML页面分开,一切问题就都解决了。使用模板有以下好处: 1.在很短的时间内可以替换整个站点的外观; 2.使程序员可以抽象编程,而无须接触HTML代码; 3.可以重复利用以前的模板。 使用过PHP的程序就会知道,PHP有个模板程序(FastTemplate),现在的问题是如何在ASP 中实现类似的功能。
Backbone.js入门教程 作者:胡阳(the5fire) blog:https://www.doczj.com/doc/467075744.html, 关于作者更多信息: https://www.doczj.com/doc/467075744.html,/about 制作日期:2012-04-19 版权声明 本电子读物所登载文章,著作权均归作者本人持有。 除特别声明外, 本电子读物之内容采用如下 CC (Creative Commons) 协议授权:署名-非商业性使用-相同方式共享。
目录 写在前面的话 (3) 1、初识backbone.js (4) 2、通过helloworld来认识下backbone (5) 3、backbone中的model实例 (7) 4、backbone的collection实例 (12) 5、backbone中的Router实例 (17) 6、backbone中的view实例 (22) 7、backbone实例todos分析(一) (28) 8、backbone实例todos分析(二)view的应用 (33) 9、backbone实例todos分析(三)总结 (40) 10、django开发环境搭建及使用 (43) 11、backbone实例todos扩展+web服务器 (44) 12、backbone实战:webchat(一)功能分析 (54) 13、backbone实战:webchat(二)详细设计 (55) 14、backbone实战:webchat(三)web端开发 (60) 15、backbone实战:webchat(四)server端开发 (65) 16、总结的说 (71) 17、backbone.js相关资源 (72)