【AJAX】你的知识需要总结

   俗话说,往事开头难。AJAX刚开始时,微软视频一上来就是1h多一集的视频(实例为主),相比来说王兴魁视频的例子较简单,没那么复杂的赶脚。

  结合视频,找了本基础知识的书,两者交互看。对于AJAX有了点浅浅的认识。下面就通过对比及导图联系来认识一下AJAX。

1.AJAX理解:

 1)文字表述:

AJAX是一种快速创建动态网页的技术,但它不算是新技术,可理解成AJAX是多种技术(JS,HTML和CSS、DOM、XMLHTTPRequest等)的综合。AJAX的核心就是JS对象XMLHttpRequest,该对象可使用 JavaScript
向服务器提出请求并处理响应,而不阻塞用户。

  *使用XHTML和CSS的基于标准的表示技术

  *使用DOM进行动态显示和交互

  *使用XML和XSLT进行数据交互和处理

  *使用XMLHttpRequest进行异步数据检索

  *使用JavaScript将以上技术融合在一起

下图给出了很好的解释:

 2)图解:

2.对比见分晓

看传统方式下的Web应用和AJAX方式下的Web应用有何不同。

 举例:

  1)用传统方式去逛淘宝,会怎样?

    进入淘宝,搜索一下裙子,弹出一个界面;看见好看的裙子再点击一下,再出现一个界面。点哪里都要给你弹弹弹界面。你的感觉是O__O"…!

  2)使用AJAX后,会怎样?

     点击搜索,搜索框下方就显示了你所查的美裙信息啦.其实你不知道,它从老远的地方绕了一圈回来了.你感觉很O(∩_∩)O~!

 图解:

   

     

 小结:

  传统方式下,每个用户动作都会触发一个HTTP请求,每一个动作后,用户要等待服务器处理,在用户体验方面很欠缺。

  AJAX方式下,因为使用了异步方式,所以用户不用等待服务器的通信。大大提高了用户体验度,离为人民服务的标准进了一步。

  AJAX学习,待续...

时间: 2025-02-01 20:00:41

【AJAX】你的知识需要总结的相关文章

Comet——反向Ajax (基础知识)

Comet:服务器推送,与ajax页面向服务器请求数据相反.几乎可以实时将数据推送到客户端. 但本质一样:浏览器向服务器发起请求,服务器响应请求 Comet实现方式:长轮询.HTTP流 1.长轮询——所有浏览器都支持 浏览器向服务器发送请求,若服务器端有有效数据,则响应,否则“不作理会”. 一旦服务器响应,本次连接关闭,浏览器立刻发送下一次请求. 2.HTTP流——只有部分浏览器原生支持它 在页面的生命周期内只发送一次请求,而服务器保持连接打开,周期性向客户端发送数据

AJAX一些基础知识和小例子讲解

首先说下AJAX不是一种语言 是一种技术. AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. ajax核心是一个new XMLHttpRequest()对象/ 在ie5.6中为new ActiveXObject("Microsoft.XMLHTTP")对象; XMLHttpRequest对象用于数据

Ajax——php基础知识

AMP环境 AMP(Apache.MySQL.PHP)是三个独立的软件,但是对于初学者而言分别安装以及配置需要掌握一定的软件知识,所以就有了很多AMP集成环境帮助我们简化安装 --WAMP WAMP安装 1.下一步下一步 2.修改httpd.conf文件 3.打开conf文件,#Listen 12.34.56.78:80  Listen 80==>#Listen 12.34.56.78:88  Listen 88 4.修改项目存储位置,允许所有人访问,如下图 PHP语法 原文地址:https:/

Ajax——异步基础知识(二)

XML数据格式 1.首行必须是版本号和格式等信息 <?xml version="1.0" encoding="utf-8" ?> 2.最外层需要一个根节点进行包裹 3.标签有开头有结尾,效率低下 4.php中设置header需要将content-type设置成text/xml header("content-type:text/xml;charset=utf-8"); 3.浏览器读取XML文件是用ajax.responseXML 4.

关于ajax的基础知识

一.是什么 一种异步请求数据的web开发技术,对于改善用户体验和页面性能很有帮助.简单的说就是在不需要刷新页面的情况下实现局部dom的更新.应用场景如:模糊查询以及验证提示等. 二.原理 因为js是一个单线程的脚本语言,那么他是如何实现ajax异步的呢?这就得益于流浪器提供的一个XMLHttpRequest对象.我们举个例子:领导想找小李让其汇报下工作. 1.领导告诉秘书叫小李过来 2.领导接着干别的事儿 3.秘书去叫小李 4.秘书领小李过来 5.秘书告诉领导小李来了 6.小李向领导汇报工作 以

了解HTML/CSS/JS/JQuery/ajax等前端知识

什么是HTML 超文本标记语言 浏览器通过识别相应的标签来加载页面 通过HTTP协议传输,不是编程语言 HTML常用标签 title script style link meta link body body标签 h1-h6 p br hr strong p b div img a table tr td 列表标签 ul ol li 表单标签 input redio checkbox text submit button resit password fiel hidden select 什么是

ajax基础使用知识

AJAX = “Asynchronous Javascript and XML” 优点:ajax异步和服务器进行数据交换并处理数据,然后更新页面的局部数据,不用整体刷新 1,不用整体刷新减轻客户端内存使用2,不用刷新,用户操作连贯3,ajax处理更新数据,减轻服务器负担4,标准化开发 XMLHttpRequest用于和服务器交换数据 1,创建XMLHttpRequest 对象: var=new XMLHttpRequest();//IE5和IE6:var=new ActiveXObject("M

旧知识打造新技术--AJAX学习总结

AJAX是将旧知识在新思想的容器内进行碰撞产生的新技术:推翻传统网页的设计技术,改善用户体验的技术. 学习AJAX之初写过一篇<与Ajax的初次谋面>.其中都只是一些自己浅显的理解,这次就总结一下它在历史长河中的重要地位. [全] AJAX全称为Asnychronous  JavaScript  And  XML,而所谓的"旧知识"就是html.XML.JavaScript甚至是之前的css.  AJAX包含以下技术的使用: 使用DOM进行动态显示和交互, 使用XML和xs

11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处理页面的,处理页面只是操作数据库并且返回值,页面都是ajax处理的. ajax的写法: test.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

ajax系列之用jQuery的ajax方法向服务器发出get和post请求

打算写个ajax系列的博文,主要是写给自己看,学习下ajax的相关知识和用法,以更好的在工作中使用ajax. 假设有个网站A,它有一个简单的输入用户名的页面,界面上有两个输入框,第一个输入框包含在一个form表单里用来实现form提交,第二个输入框是单独的.没有包含在form里,下面就用这两个输入框来学习下jQuery的ajax. 1,前端的html和javascript代码 页面html 1 <main style="text-align: center; margin: 200px a