WEB项目总是发生些新的变化,过去每个人都会抱怨WEB项目功能不如CS程序丰富,相应速度不够快速。但现在由于Ajax的出现有了很大的改观,具有快速的高响应性的用户界面。在传统的Web 应用程序中,当用户单击链接时,要等待服务器作出响应并且刷新页面,而且这个过程会重复进行。但是,这些新站点具有更好的响应性,能够立即更新页面,这提供了出色的交互和更好的用户体验。这些新站点的强大功能来自于称为Ajax 的新技术(其实这种技术并不是全新的)。可以使用Ajax技术让自己的站点具有更好的响应性、更吸引人,这会使站点的用户在浏览过程中更愉快。更棒的是,你不需要学习全新的技术,因为Ajax 是由你已经掌握的几种技术组合而成的(本书前面已经讨论过这些技术)。
  Ajax定义比较混乱,它不是一种新技术而是多种技术组合而成:

  (1)使用HTML 和CSS 控制页面结构和表示方式;
  (2)使用DOM 显示和操纵页面;

补充:DOM技术到底是什么?以前似乎没接触过

  (3) 使用浏览器的XMLHttpRequest 对象在客户机和服务器之间传输数据①;
  (4)使用XML 作为在客户机和服务器之间传输的数据的格式②;

补充:(3)(4)提供了一种方式,提供了客户机与服务器之间传输数据的一个桥梁,不频繁的调用服务器,也就保证了客户机响应速度。
  (5)最后,使用JavaScript 动态地显示所有内容并且提供交互功能。

  Ajax 应用程序在用户和服务器之间建立一个中介。Ajax 引擎(Ajax engine,也称为网页的JavaScript部分)向用户提供界面(当然要借助于HTML 和CSS)。如果用户的操作并不要求向服务器发出请求(例如,显示已经存储在本地的数据),那么Ajax 引擎会进行响应。这使浏览器能够对许多用户操作立刻作出反应,使网页的反应像桌面程序那样迅速。如果用户操作需要服务器调用,Ajax 引擎就异步地执行它,因此用户不需要等待服务器的响应。用户可以继续与应用程序进行交互,当请求的数据到达时,引擎会更新页面。这里的重点是,用户的操作不会由于等待服务器而暂停。
  Tom 认为,“我喜欢只用DOM、HTML、CSS 和JavaScript 操作页面,我把这种方式称为Ajax。

  而另一位作者Dori 是正统的JavaScript 程序员,她认为:“要想成为Ajax 应用程序,就需要使用XMLHttpRequest 并且在客户机和服务器之间传递一些数据。否则,怎么算是新技术呢?” 

  Ajax 应用程序的另一个潜在问题是,它们可能破坏浏览器后退按钮的正常表现。对于静态页面,在单击后退按钮时,用户会期望浏览器转到它加载的前一个页面。但是,因为启用Ajax 的页面是动态更新的,所以这种期望可能会落空。对于“后退按钮问题”,有一些解决方案,在全面投入Ajax 开发之前,你应该考虑这个问题及其解决方案。

ajax 简介0的更多相关文章

  1. {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)

    Django基础七之Ajax 本节目录 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解) 一 Ajax简介 ...

  2. js进阶课程ajax简介(ajax是浏览器来实现的)

    js进阶课程ajax简介(ajax是浏览器来实现的) 一.总结 1.ajax使用需要服务器支持,比如phpstudy 2.ajax是浏览器支持的功能:ajax有个核心对象XMLHttpRequest, ...

  3. {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)

    {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)   Django基础七之 ...

  4. PHP AJAX 简介

    AJAX 简介 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX 是什么? AJAX = Asynchronous JavaScript and XML. AJAX ...

  5. ajax简介及JS写原生ajax

    ajax 1.什么是ajax ajax 的全称是Asynchronous JavaScript and XML,其中, Asynchronous 是异步的意思,指的是异步 JavaScript 和 X ...

  6. AJAX简介

    基本介绍 AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML). 国内翻译常为“阿贾克斯”和阿贾克斯足球队同音.Web应用的交互如Fli ...

  7. 1.AJAX简介

    没有AJAX会怎么样?普通的ASP.Net每次执行服务端方法的时候都要刷新当前页面,比如实现显示服务器时间.每次都要刷新页面的坏处:页面刷新打断用户操作.速度慢.增加服务器的流量压力.如果没有AJAX ...

  8. AJAX开发技术--AJAX简介

    Asynchronous  JavaScript and XML,异步JavaScript和XML 主要目的用于页面的局部刷新.不用全部刷新,提高性能. 在AJAX中主要是通过XMLHttpReque ...

  9. $Django ajax简介 ajax简单数据交互,上传文件(form-data格式数据),Json数据格式交互

    一.ajax  1 什么是ajax:异步的JavaScript和xml,跟后台交互,都用json  2 ajax干啥用的?前后端做数据交互:  3 之前学的跟后台做交互的方式:   -第一种:在浏览器 ...

随机推荐

  1. ubuntu后台运行命令

    参考 https://blog.csdn.net/shaozg168/article/details/6979337 nohup ./test.sh &

  2. 一些网站的meta标签的作用

    转载:https://www.cnblogs.com/Lily-nercel/p/6693293.html <!DOCTYPE html> <html lang="en&q ...

  3. scrollIntoView 顶部与视图(容器)对齐

    调用方法为 element.scrollIntoView() 参数默认为true. 参数为true时调用该函数,页面(或容器)发生滚动,使element的顶部与视图(容器)顶部对齐: 参数为false ...

  4. zabbix 3.2.6+centos 7 +nginx 1.12+ mysql 5.6+ Grafana +php 5.6

    先只记录关键点 1.nginx.MYSQL 用官方的YUM库安装 2.CENTOS升级到最新 3.ZABBIX 官方RPM安装,然后下载源码库,源码中的PHP复制至NGINX的配置目录 4.NGINX ...

  5. KNN算法应用

    import numpy as np# 运算符模块,这里主要用来排序 import operator import matplotlib.pylab as plt def create_dataset ...

  6. httpclient和httpUrlConnect区别

    HttpURLConnection的用法 一.创建HttpURLConnection对象 URL url = new URL("http://localhost:8080/TestHttpU ...

  7. TZOJ 1911 A Plug for UNIX(最大流)

    描述 You are in charge of setting up the press room for the inaugural meeting of the United Nations In ...

  8. f5版本升级

    1)上传系统IOS及Hotfix 点击import按钮,选择要上传的文件.上传成功的话就会显示上传成功的10.2.4的iso文件 2)通过CLI命令行方式上传补丁 通过SSH工具将ISO以及Hotfi ...

  9. JAVA读取XML文件并解析获取元素、属性值、子元素信息

    JAVA读取XML文件并解析获取元素.属性值.子元素信息 关键字 XML读取  InputStream   DocumentBuilderFactory   Element     Node 前言 最 ...

  10. activity背景毛玻璃效果

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools= ...