原生js的ajax
var btn=document.getElementById('btn');btn.onclick =function(){var xhr; if(window.XMLHttpRequest){ xhr=new XMLHttpRequest(); }else{ xhr= new ActiveXObject('microsoft.XMLHTTP'); } console.log(xhr); //第二步发送请求 //xhr.open('get','ajaxRode.html',true);//get方式 xhr.open('post','ajaxRode.html',true);//post方式 xhr.setRequestHeader ('Content-type','application/x-www-form-urlencoded'); //第三步告诉要什么 xhr.send(); //第四步得到返回结果 xhr.onreadystatechange=function(){ if(arr.readyState==4){ if(arr.status==200){ console.log(arr.responseText); } } }}
jquery的ajax方法
$.ajax({ url:'/comm/test1.php', type:'POST', //GET async:true, //或false,是否异步 data:{ name:'yang',age:25 }, timeout:5000, //超时时间 dataType:'json', //返回的数据格式:json/xml/html/script/jsonp/text beforeSend:function(xhr){ console.log(xhr) console.log('发送前') }, success:function(data,textStatus,jqXHR){ console.log(data) console.log(textStatus) console.log(jqXHR) }, error:function(xhr,textStatus){ console.log('错误') console.log(xhr) console.log(textStatus) }, complete:function(){ console.log('结束') }})