快速了解AJAX

简介: 快速了解AJAX

1、AJAX的概念

ajax 的全称 Asynchronous JavaScript and XML (异步 JavaScript 和 XML)。

ajax 是一种创建交互式网页应用的网页开发技术。其中最核心的依赖是浏览器提供的

XMLHttpRequest 对象,是这个对象使得浏览器可以发出 HTTP 请求与接收 HTTP 响应。实现了在

页面不刷新的情况下和服务器进行交互。

2、AJAX的使用方法

1.创建 XMLHttpRequest 对象
2.使用 open 方法指定要请求的地址、类型和方式。
3.使用 send 方法发送请求,如果需要传参:
      get 方式要将参数拼接到 URL 后边,参数间&分割。例:’index.php?name=张三&age=18’  
      post 方式可以将参数放到 send()里。例:send(‘name=张三&age=18’
4.绑定 onreadystatechange 事件,判断 readyState 和 status 的状态。
5.接收数据,通过 json 转换使用
let  xhr  =  new  XMLHttpRequest(); 
 
xhr.open('get','js/index.json',true); 
 
xhr.send();
 
xhr.onreadystatechange  =  function()  {
 
if  (xhr.readyState  ==  4  &&  xhr.status  ==  200)  {
 
let  text  =  xhr.responseText; console.log(text);
 
let  data  =  JSON.parse(text); console.log(data);
 
}
 
};
 

get 与post 的区别:

1.get 是将参数包含在 URL 中明文传输,不安全。而 post 是通过 request body 传递参数, 对于用户来说是不可见的,所有更安全

2.get 传输数据量较小,因为 URL 有长度限制,post 传输的数据量较大,一般被默认为不受限制。

3.对于参数的数据类型,get 只接受 ASCII 字符,而 post 没有限制。

4.get 请求时只会产生一个 TCP 数据包,get 比 post 更快

5.get 请求参数会被完整保留在浏览器历史记录里,而 post 中的参数不会被保留。

相关文章
|
2月前
|
XML JSON 前端开发
什么是ajax,ajax有什么特点?
什么是ajax,ajax有什么特点?
21 0
|
2月前
|
XML JSON 前端开发
什么是ajax
什么是ajax
55 0
|
2月前
|
XML 前端开发 JavaScript
什么是ajax,为什么使用ajax?
什么是ajax,为什么使用ajax?
24 0
|
2月前
|
JSON 前端开发 JavaScript
实现ajax
实现ajax
19 0
|
9月前
|
XML 前端开发 JavaScript
24JavaWeb基础 - AJAX介绍
24JavaWeb基础 - AJAX介绍
42 0
|
XML Web App开发 前端开发
初识AJAX
XMLHttpRequest 对象
68 0
|
JSON 前端开发 JavaScript
|
XML 前端开发 JavaScript
|
XML 前端开发 JavaScript
|
XML JSON 前端开发