js如何进行ajax请求， XMLHttpRequest的使用

OK论坛

1、get请求

1. var xhr = new XMLHttpRequest();  
   
2. xhr.open('GET', 'https://www.oklun.com', true);  
   
3.   
   
4. xhr.onload = function () {  
   
5.     if (xhr.status === 200) {  
   
6.         console.log(xhr.responseText);  
   
7.     } else {  
   
8.         console.error('Request failed. Returned status of ' + xhr.status);  
   
9.     }  
   
10. };  
    
11.   
    
12. xhr.onerror = function () {  
    
13.     console.error('There was a network error!');  
    
14. };  
    
15.   
    
16. xhr.send();

复制代码

2、post请求

1. var xhr = new XMLHttpRequest();  
   
2. xhr.open('POST', 'https://www.oklun.com', true);  
   
3.   
   
4. // 设置请求头，告诉服务器发送的内容类型  
   
5. xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');  
   
6.   
   
7. xhr.onload = function () {  
   
8.     if (xhr.status === 200) {  
   
9.         console.log(xhr.responseText);  
   
10.     } else {  
    
11.         console.error('Request failed. Returned status of ' + xhr.status);  
    
12.     }  
    
13. };  
    
14.   
    
15. xhr.onerror = function () {  
    
16.     console.error('There was a network error!');  
    
17. };  
    
18.   
    
19. // 发送请求体数据  
    
20. xhr.send('name=John&age=30');

复制代码