Ajax 编程基础（一）

一、Ajax 基础

传统网站中存在的问题：

网速慢的情况下，页面加载时间长，用户只能等待
表单提交后，如果一项内容不合格，需要重新填写所有表单内容
页面跳转，重新加载页面，造成资源浪费，增加用户等待时间

二、Ajax 概述

Ajax：标准读音 [ˈeɪˌdʒæks] ，中文音译：阿贾克斯。
它是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验。

三、Ajax的应用场景

页面上拉加载更多数据
列表数据无刷新分页
表单项离开焦点数据验证
搜索框提示文字下拉列表

四、Ajax 的运行环境

Ajax 技术需要运行在网站环境中才能生效，当前课程会使用Node创建的服务器作为网站服务器。

五、Ajax 运行原理

Ajax 相当于浏览器发送请求与接收响应的代理人，以实现在不影响用户浏览页面的情况下，局部更新页面数据，从而提高用户体验。

六、Ajax 的实现步骤

创建 Ajax 对象

var xhr = new XMLHttpRequest();

告诉 Ajax 请求地址以及请求方式

xhr.open('get', 'http://www.example.com');

发送请求

 xhr.send();

获取服务器端给与客户端的响应数据

xhr.onload = function () {console.log(xhr.responseText);}

待续。。。

Ajax 编程基础（一）相关推荐

WCF与AJAX编程开发实践(1):AJAX基础概念和纯AJAX示例
[0]开篇序言: 在<WCF分布式安全开发实践>系列文章之后,很想重新开启一个系列文章,来完善WCF的学习知识.思考很久,决定写一下WCF和AJAX学习的文章,取名为<WCF ...
http服务ajax编程
http服务&ajax编程 1.服务器前言:通俗的讲,能够提供某种服务的机器(计算机)称为服务器 1.1.服务器类型按照不同的划分标准,服务可划分为以下类型: 按服务类型可分为:文件服务器 ...
Python编程：从入门到实践+爬虫开发与项目实战+网络编程基础+项目开发实战
给还在苦苦自学Python的小伙伴们分享一波学习教程~有了它们,至少能节省50%的时间,少走一半的弯路. 书不在多,而在于精~ <Python编程:从入门到实践>豆瓣评分9.2 本书是针对 ...
没有编程基础，学python怎么赚点小钱
关于Python,有一个问题大家伙比较感兴趣的:如何利用Python赚钱? 知乎关注的这条帖子浏览量已经上百万了,往往春节后,都会迎来Python兼职接单的高潮期,近段时间各行业对爬虫类和数据分类的需 ...
关于介绍编程前景的html文档,HTML编程基础稿件（32页）-原创力文档
* * 第2章 HTML编程基础优选文档 * 内容提要本章首先介绍HTML的发展历史,然后介绍HTML的基本框架详细介绍了HTML的各种常用标记:文字标记.图片标记和超级链接标记,等等. 介绍C ...
QT开发（五十）——QT串口编程基础
QT开发(五十)--QT串口编程基础一.QtSerialPort简介 1.串口通信基础目前使用最广泛的串口为DB9接口,适用于较近距离的通信.一般小于10米.DB9接口有9个针脚. 串口通信的主要 ...
编程基础垃圾回收_为什么我回收编程问题
编程基础垃圾回收 by Amy M Haddad 通过艾米·M·哈达德(Amy M Haddad) 为什么我回收编程问题 (Why I Recycle Programming Problems) M ...
Python要了解哪些编程基础如何学Python比较好
Python要了解哪些编程基础?如何学Python比较好?不管怎么说,Python都是大家进军IT行业值得选择的语言.毕竟它不但使用,而且还好用.更值得一提的是,它非常容易入门.而且在人工智能.传统编 ...
（2）神经网络编程基础
文章目录神经网络编程基础 2.1 二分分类 2.2 logistic 回归(logistic Regression) 2.3 logistic 回归损失函数损失函数 (Loss (Error)Fu ...