AJAX获取数据

AJAX获取数据

  • 定义
  • 使用4步骤
  • 同步与异步

定义

局部刷新数据,不刷新页面的情况下,提交获取数据

使用4步骤

原生

 // 1.创建
    var xhr=new XMLHttpRequest();
    // 2.配置
    xhr.open('请求方式','请求地址','是否异步')
    // 3.响应
    xhr.onreadystatechange=function(){

    }
    // 4.发送
    xhr.send();

jQuery

  $.ajax({
      type:请求方式,
      url:接口API,
        success:function(res){
        //res是请求成功后返回的数据
            console.log(res);
        },
        error:function(err){
            console.log(err);
        }
  })

同步与异步

同步:上一个任务结束,下一个任务开始,比如alert弹窗
异步:多个任务按顺序开始,不按顺序结束,比如下载任务

你可能感兴趣的:(ajax,javascript,前端)