什么是AJAX

AJAX即“Asynchronous JavaScript and XML”(异步的JavaScript与XML技术),指的是一套综合了多项技术的浏览器端网页开发技术。 Ajax的概念由杰西·詹姆士·贾瑞特所提出,该技术的出现改变了古老的用户请求——等待——响应这种web交互模式。 通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 而传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。 使用Ajax技术,可以节省网络带宽,提高页面的加载速度,从而缩短用户等待时间,改善用户体验。

AngularJS方法
                
                    $http({
                    method:'get',
                    url:('/a/a/all/document?type=1&page='+$scope.page),
                    headers:{'Content-Type':'application/x-www-form-urlencoded'}
                })
                    .success(function (response) {
                        console.log(response.total);
                        console.log(response);
                        // if (response.message === "查询成功") {
                         $scope.userList = response.data;
                         $scope.userTotal = response.total;
                        $scope.page=response.page;
                        // console.log($scope.userList.total);
                    });
    
                    
                
Javascript原生方法
                
                          var request = new XMLHttpRequest(); // 新建XMLHttpRequest对象;
                          request.onreadystatechange = function () { // 状态发生变化时,函数被回调;
                              if (request.readyState === 4) { // 成功完成
                                  // 判断响应结果:
                                  if (request.status === 200) {
                                      // 成功,通过responseText拿到响应的文本:
                                      return success(request.responseText);
                                  } else {
                                      // 失败,根据响应码判断失败原因:
                                      return fail(request.status);
                                  }
                              } else {
                                  // HTTP请求还在继续...
                              }
                          }
        
                          // 发送请求:
                          request.open("POST","/skill-ajax/a/login",true);
                          request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
                          request.send();
                          alert('请求已发送,请等待响应...');
        
                        // readyState值说明
                        // 0,初始化,XHR对象已经创建,还未执行open
                        // 1,载入,已经调用open方法,但是还没发送请求
                        // 2,载入完成,请求已经发送完成
                        // 3,交互,可以接收到部分数据
        
                        // status值说明
                        // 200:成功
                        // 404:没有发现文件、查询或URl
                        // 500:服务器产生内部错误
        
        
                        
                    

参考一:什么是跨域

参考二:AngularJS中then和success的区别

参考三: Ajax常见问题

语法: return[()[expression][]]; 可选项 expression 参数是要从函数返回的值。如果省略,则该函数不返回值。 用 return 语句来终止一个函数的执行,并返回 expression 的值。如果 expression 被省略, 或在函数内没有 return 语句被执行,则把值 undefined 赋给调用当前函数的表达式。