第三阶段-Ajax异步局部刷新

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。
AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。
AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。

form表单回顾

form的主要功能是用来向服务器端提交数据

form属性：

action属性的作用：提交的路径（服务器的路径）uri

//url与uri的区别

//url：地址、html页面 统一资源定位器

//uri：项目内的资源定位

method属性： form提交的传输方式 值：post/get

get提交： 地址栏会显示出我们要提交的数据，提交的数据不能超过3k，若提交内容中包含字符串会乱码

post提交：地址栏不会显示提交的数据，也不会乱码

enctype="multipart/form-data" 做文件上传时用

name属性一定要存在，为了服务器的识别

onsubmit提交时验证

ajax的使用

ajax分为四步使用

第一步：

得到XMLHttpRequest //如果存在IE6用户，记得做兼容

var xhr = new XMLHttpRequest();

第二步：

open方法

xhr.open("GET"，"ajax.do",true);

//open方法主要有三个参数

①字符串代表html的请求方式：GET/POST

②表示要访问的地址 uri

③boolean值，表示是否异步 true/false

第三步：

readyState

xhr.onreadyStatechange=function(){

if(xhr.readyState == 4 && xhr.status == 200){

//ajax请求，服务器端返回的数据格式只有两种

//json、xml

var ss=document.getElementById("ss");

ss.innerHTML=xhr.responseText;

}

}

第四步：

xhr.send(); //括号内可传参数

//post请求传递在send方法中

//get请求传递在第二步中第二个参数 a标签是标准的get