ajax --- 4.5 学习日记

Posted 2020-07-04 小蚂蚁222

什么是Ajax
　　Asynchronous javascript and XML（异步JavaScript和XML)
节省用户操作，时间，提高用户体验，减少数据请求
传输获取数据
使用Ajax
　　使用ajax获取某一文本文件的内容
Ajax过程详解
　　创建对象XMLHttpRequest()
　　Date()对象
　　ActiveXObject(‘Microsoft.XMLHTTP’)

 

表单
　　什么是表单
　　向服务器提交数据，比如：提交用户信息
　　action        提交到哪里
　　method    提交方式
Get和Post的区别
　　传输方式的区别
　　Get通过url地址传输
　　Post通过浏览器内部传输
传输数据量
　　Get有数据量限制，每个浏览器都不同
　　Post理论上无限

 

后端数据的接收
$_GET
- 通过URL传递给该脚本的变量的数组
$_POST
- 通过HTTP POST方法（表单）传递给该脚本的变量的数组
前后台键名和传输方式必须一致
数据传输方式
数据获取方式

 

Open方法
三个参数的含义
　　1、提交方式 Form-method
　　2、提交地址 Form-action
　　3、异步（同步）
Send方法
　　发送数据请求，相当于Form的submit

 

请求状态监控
　　onreadystatechange事件
　　readyState属性：请求状态
　　0    （初始化）还没有调用open()方法
　　1    （载入）已调用send()方法，正在发送请求
　　2    （载入完成）send()方法完成，已收到全部响应内容
　　3    （解析）正在解析响应内容
　　4    （完成）响应内容解析完成，可以在客户端调用了
status属性：服务器(请求资源)的状态
返回的内容
　　responseText：返回以文本形式存放的内容
　　responseXML：返回XML形式的内容

 

编写Ajax

发送请求(get和post的区别)
send(要发送的数据)：发送请求
　　中文编码
　　缓存
　　POST：setRequestHeader(类型, 内容)：设置请求头
　　"Content-Type","application/x-www-form-urlencoded”
数据类型(返回数据的处理)
　　服务器返回给咱们的真正数据
　　XML、html、JSON
　　JSON的写法
　　Eval解析JSON的时候需要注意的地方
　　JSON.parse() : 字符串解析成对象