十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
论AJAX技术及应用
创新互联公司主要从事成都做网站、成都网站制作、成都外贸网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务新安,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792
[论文关键词]Ajax JavaScript DHtml Web2.0
[论文摘要]Ajax是Web2.0的核心之一,它采用异步模式,可以开发出基于浏览器的具有高用户交互性的web应用,改变了传统Web应用的交互模式,从而可以构建出更为动态、响应更灵敏和用户体验更好的Web应用程序。
一、Ajax技术简介
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript
和XML),是指一种创建交互式网页应用的网页开发技术。Ajax运用的了如下的一些基本技术:
HTML:用于建立Web表单并构建Web应用界面;JavaScript:Ajax 技术的核心,帮助改进与服务器应用程序的通信;DHTML(Dynamic HTML):用于动态更新表单。通常使用div、span和其他动态HTML元素来标记HTML;文档对象模型DOM:用于(通过JavaScript代码)处理 HTML 结构。
二、Ajax原理
在传统的Web 应用程序中,交互的一般流程是:用户填写表单字段并单击提交按钮,整个表单发送到服务器,通过服务器端不同的技术(如PHP、JSP等)进行处理,然后再将处理结果以全新的页面发送回客户端。在用户提交后等待处理时,屏幕变成一片空白,用户得不到立即反馈。
Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。也就是说当用户提交表单时,数据发送给一些JavaScript
代码而不是直接发送给服务器。而JavaScript代码捕获表单数据并向服务器发送请求,即JavaScript 代码在幕后发送请求,用户甚至不知道请求的发出,并且请求是异步发送的,就是说JavaScript代码(和用户)不用等待服务器的响应。在JavaScript代码和服务器进行交互时,用户仍然可以继续输入数据、滚动屏幕和使用应用程序。在服务器处理完毕后将数据返回JavaScript代码(仍然在Web表单中),然后使用DOM技术迅速更新表单数据,让用户感觉应用程序是立即完成的,表单没有提交或刷新而用户得到了新数据。JavaScript代码甚至可以对收到的数据执行某种计算,再发送另一个请求,完全不需要用户干预,甚至完全不知道幕后发生的一切,从而极大的提升了用户体验。
三、Ajax应用
现以修改用户的登录名的例子来讲述AJAX在实际中的应用,该实例可以推广到网页中任何文本内容的动态修改。
(一)创建XMLHttpRequest对象,为了使代码同时支持Internet Explorer和非Microsoft浏览器,使用如下代码
var xmlHttp = false;
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch (e2) {
xmlHttp = false;
}
if (!xmlHttp typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
在创建XMLHttpRequest对象之后,就可以结合JavaScript代码完成以下工作:从 Web 表单中获取数据->打开到服务器的连接->设置服务器处理完成后的响应函数,这也是Ajax工作的一般流程
(二)定义获取表单数据及更改表单的JavaScript代码
function changeToInput(id) {
var oNP = document.getElementById(id);//从表单中获取数据
var value = oNP.value;
oNP.outerHTML = "<input type='text' id='" + id + "' value='" + value + "' size='5' onblur='change(this.id)'>"
接后文
推轻量级的Sublime Text 。
主要功能[编辑]
Sublime Text 的主要功能如下[4]:
多行编辑:用户可一次选择多行并进行同步编辑。
自动完成:根据目前的编程语言自动提示字符串让用户输入。
代码上色与高对比显示:使用暗色背景和亮色文字提高对比。
编辑器内编译:在特定编程语言时可以直接在编辑器内进行背景编译。
代码摘要:用户可替常用的代码片段指定关键字快速插入。
Go to anything:快速在文件间移动的导览工具。
其他功能:自动存储、自定义快捷键、拼写检查与修正、宏、重复编辑动作等。
插件配置:
题主确定知道什么是 SHA-1 吗?
这不是加密算法,而是摘要(哈希)算法,国内经常把二者搞混。
区别就在于,加密算法可逆,即通过一定的计算,明文、密文可以互推;摘要算法不可逆,即原文计算后可以得到摘要,但根据摘要不可计算得原文(彩虹表并非“计算”所得)。
1 摘要:写一下网站的简介,开发采用了什么技术等。
2 目录。
3 技术介绍:介绍JavaScript和web前端相关的技术,可以去摘抄的多一点,让内容显得饱满充实。
4 网站整体设计:采用画图工具绘制网站的架构图,跟做数据表设计差不多的类型,并且对整体架构做一个详细的文字说明。
5 网站模块详情设计:详细介绍每个页面的每个功能,以及实现的过程,附上截图,主要的源码即可。
6 调试bug:实训过程中出现的问题记录下来,包括解决方案。
7 附录:心得体会、源码(可要可不要)等一堆东西。
strong 标签和 em 标签一样,用于强调文本,但它强调的程度更强一些。
浏览器通常会以不同于 em 标签的方式来显示 strong 标签中的内容,
通常是用加粗的字体(相对于斜体)来显示其中的内容,这样用户就可以把这两个标签区分开来了。
如果常识告诉我们应该较少使用 em 标签的话,那么 strong 标签出现的次数应该更少。如果说用 em 标签修饰的文本好像是在大声呼喊,那么用 strong 标签修饰的文本就无异于尖叫了。沉默寡言的人说出的话总是一诺千金,与此相同,限制 strong 的使用可以令应该更加引人注意,而且更加有效。
举一个例子,经常访问 W3school 的用户可以注意到了,许多教程页面的第一句摘要都是以粗体显示的,而实际上,我们对这一句摘要使用了 strong 标签。使用这个标签的理由是,我们认为教程摘要不仅概括了其所在页面的内容,而且位于页面的最重要的位置,其内容自然是非常重要的且值得强调的。