JavaScript中ajax请求的用法

Ajax，全称Asynchronous JavaScript and XML，是一种利用浏览器的JavaScript技术实现的异步服务器通信技术。它可以实不刷新页面的情况下与服务器进行交互，从而实现网页的局部更新，大大提高了用户体验。

Ajax的使用

Ajax的使用主要包括以下几个步骤：

• 1.创建XMLHttpRequest对象；
• 2.发送请求；
• 3.处理响应；
• 4.发送响应数据。

1.创建XMLHttpRequest对象

var xhr = new XMLHttpRequest();

2.发送请求

xhr.open('GET', 'http://www.example.com/getData', true);
xhr.send();

3.处理响应

xhr.onreadystatechange = function(){
  if(xhr.readyState == 4 && xhr.status == 200){
    //处理响应数据
  }
}

4.发送响应数据

xhr.open('POST', 'http://www.example.com/postData', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('name=John&age=18');