ajax的步骤一般有5步:
1.创建异步对象 var ajax = new XmlHttpRequest();
2.设置url参数,参数一:提交方式,参数二:提交的文件
ajax.open('get','demo.php');//这是get方式提交,当提交的文件较小,一般采用get方式提交
ajax.open('post','demo.php');//这是post方式提交,一般提交的文件较大,比如图片,用post提交没有大小限制,限制的是配置文件,修改了就行了,还有,如果用post,一定要设置头文件ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
3.发送请求
ajax.send();//get提交的发送请求,如果有要发送的数据,就直接写在url的参数里ajax.open('get','demo.php?name=jack&age=15');
ajax.send('name=jack&age=18');//post提交的发送请求,这个如果有要发送的数据,就写在send()里边,如果没有就不写。
4.注册事件
ajax.onreadystatechange = function(){
//判断数据是否完整的回来
if(ajax.readyState ==4&& ajax.status ==200){
5.//在注册事件中获取返回的数据,并修改页面
console.log(ajax.responseText);
}
}
好了,以上就差不多是ajax创建的5步了!