console 命令行工具 X clear

console

window.onload=function(){
    var contail= document.getElementById("contail");
  	var url ='https://cli2.avue.top/api/area/getProvince';
  	//第一个ajax
		function test1(){
    	return new Promise(function(resolve,reject){
        setTimeout(function(){        				
          $.get(url,function(res){
            resolve(res);
        	})
        },2000)
      })
  	}
		//第二个ajax
    function test2(){
        return new Promise(function(resolve,reject){
          $.get(url,function(res){
              resolve(res);
          })
        })
    }
  	contail.innerHTML='';
    contail.innerHTML+= '第一个ajax2s后执行<br/>'
    test1().then(function(res){
        contail.innerHTML+='第一个ajax执行完成<br/>'
        contail.innerHTML+='第二个ajax开始执行<br/>'
        return test2();
    }).then(function(res){
      contail.innerHTML+='第二个ajax执行完成<br/>'
    })
}

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
    </head>
	<body>
      <h3>2个ajax的了链式调用</h3>
      <div id="contail"></div>
	</body>
	
</html>

SOURCE

本项目引用的自定义外部资源