第8天_Ajax和BootStrap
- 学习目标
- Ajax介绍
- Ajax使用
- BootStrap
- Ajax介绍
2.1 Ajax的概念
AJAX (阿贾克斯 Asynchronous Javascript And Xml ) 异步JavaScript和XML,是指一种创建交互式网页应用的网页开发技术, 可以访问服务器数据的局部刷新的技术. AJAX不是一种新的编程语言
2.2 Ajax的作用
允许客户端发送HTTP请求, 去异步请求服务器的数据来创建动态网页
2.3 前后端交互图
3.Ajax使用
3.1Ajax在JS中的使用
-
Ajax的核心
Ajax 技术核心是JavaScript对象XMLHttpRequest(简称XHR) -
创建XHR对象
var xhr = new XMLHttpRequest();
console.log(xhr); // XMLHttpRequest -
XMLHttpRequest对象的属性和方法XHR提供的方法:
- open(): 准备好需要发送给服务器的内容.接收三个参数: 要发送的请求类型(get/post), 请求的URL和是否异步.如:
xhr.open(‘get’, ‘demo.json’, true); //URL为demo.json的get请求, true表示异步. - send(): 向服务器发送请求.
如: xhr.send(null);
- open(): 准备好需要发送给服务器的内容.接收三个参数: 要发送的请求类型(get/post), 请求的URL和是否异步.如:
-
XHR提供的属性:当请求发送到服务器端后, 服务器就会向客户端发送响应, 收到响应数据后, 响应的数据会自动填充XHR对象的属性. 一共有四个属性: