JS之Ajax的使用

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步了！

转载于:https://www.cnblogs.com/creazybeauty/p/8403892.html