AJAX基础

1、创建XMLHttpRequest对象

　　<script type=“text/javascript”>

var xmlhttp = false;

　　// 万恶的 IE浏览器 使用 ActiveX 对象

if (window.ActiveXObject) {

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

else if (window.XMLHttpRequest) {

xmlhttp = new XMLHttpRequest();

}

　　</script>

2、XMLHttpRequest对象

　　① XMLHttpRequest对象的方法

　　② XMLHttpRequest对象属性

3、ajax开发框架

　　<script type="text/javascript">

　　　　var xmlhttp = null; // 创建一个空对象

　　　　function changeval(){

　　　　　　if(window.XMLHttpRequest){

　　　　　　　　xmlhttp = new XMLHttpRequest(); // 判断DOM 对象

　　　　　　}else if(window.ActiveXObject){

　　　　　　　　xmlhttp = new ActiveXObject(“Microsoft.XMLHTTP”); // 判断IE 下 并生成 对象

　　　　　　}

　　　　　　if(xmlhttp == null){ // 判断浏览器是否支持xmlhttprequest

　　　　　　　　return false;

　　　　　　}

　　　　　　xmlhttp.onreadystatechange = getresult; // 状态改变调用函数指针

　　　　① get 请求，建议使用get请求

　　　　 　　xmlhttp.open("get","ajax.php",true); //true代表你要选择ajax请求， ajax.php代表跳转到ajax.php页面去验证

　　　　　　 xmlhttp.send(null); //设置为空，但为必写

　　　　② post 请求

　　　　　　xmlhttp.open("post","ajax.php",true);

　　　　　　xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

　　　　　　xmlhttp.send("sname=ck");

　　　　　　}

　　　　function getresult(){

　　　　　　if(xmlhttp.readyState == 4 && xmlhttp.status == 200){ //可查看上面的表格图片

　　　　　　　　alert(xmlhttp.responseText); //弹出另一页面中设置满足输入条件的值

　　　　}

　　　　}

　　</script>

1、创建XMLHttpRequest对象

　　<script type=“text/javascript”>

var xmlhttp = false;

　　// 万恶的 IE浏览器 使用 ActiveX 对象

if (window.ActiveXObject) {

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

else if (window.XMLHttpRequest) {

xmlhttp = new XMLHttpRequest();

}

　　</script>

2、XMLHttpRequest对象

　　① XMLHttpRequest对象的方法

　　② XMLHttpRequest对象属性

3、ajax开发框架

　　<script type="text/javascript">

　　　　var xmlhttp = null; // 创建一个空对象

　　　　function changeval(){

　　　　　　if(window.XMLHttpRequest){

　　　　　　　　xmlhttp = new XMLHttpRequest(); // 判断DOM 对象

　　　　　　}else if(window.ActiveXObject){

　　　　　　　　xmlhttp = new ActiveXObject(“Microsoft.XMLHTTP”); // 判断IE 下 并生成 对象

　　　　　　}

　　　　　　if(xmlhttp == null){ // 判断浏览器是否支持xmlhttprequest

　　　　　　　　return false;

　　　　　　}

　　　　　　xmlhttp.onreadystatechange = getresult; // 状态改变调用函数指针

　　　　① get 请求，建议使用get请求

　　　　 　　xmlhttp.open("get","ajax.php",true); //true代表你要选择ajax请求， ajax.php代表跳转到ajax.php页面去验证

　　　　　　 xmlhttp.send(null); //设置为空，但为必写

　　　　② post 请求

　　　　　　xmlhttp.open("post","ajax.php",true);

　　　　　　xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

　　　　　　xmlhttp.send("sname=ck");

　　　　　　}

　　　　function getresult(){

　　　　　　if(xmlhttp.readyState == 4 && xmlhttp.status == 200){ //可查看上面的表格图片

　　　　　　　　alert(xmlhttp.responseText); //弹出另一页面中设置满足输入条件的值

　　　　}

　　　　}

　　</script>