原生ajax是同步还是异步,第一节 原生ajax

https://www.easy-mock.com/docs

[TOC]

## 1.什么是Ajax

Asynchronous JavaScript and XML

(异步的JavaScript 和XML)

- Ajax不是某种编程语言

是一种在无需重新加载整个网页的情况下,能够局部更新网页的技术

## 2.同步和异步

### 2.1 同步



等待五分钟后



提交之后再等待五分钟




这就是ajax出来之前的真实场景,填写表单就是噩梦。


>客户端向服务器请求数据的过程中,用户除了等待还是等待。

### 客户端在等待服务器端响应的过程中,不能做任何事情,这就是同步

### 2.2异步



当填写到邮箱地址


异步:客户端发起请求,在服务器端响应的过程中,可以进行其他的操作

所有的现代浏览器,都支持Ajax,IE6以下不支持



## 3.JSON数据



JSON的解析

使用JSON.parse()

## 4.如何使用ajax

A.HTML和CSS实现页面

B.Ajax和Web服务器进行数据的异步交换

C.运用JS操作DOM实现动态的局部刷新

### 4.1创建Ajax核心对象

~~~

var xhr = new XMLHttpRequest();

var xhr;

if(window.XMLHttpRequest){

xhr = new XMLHttpRequest;

}else {

//ie6

xhr = new ActiveXOject("Microsoft.XMLHTTP")

}

~~~