Java教程

Ajax初学

本文主要是介绍Ajax初学,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

一.局部刷新

 1.创建异步对象:

var xmlHttp =new XMLHttpRequest(); 

 2.绑定事件:

xmlHttp.onreadystatechange =function () {
    //处理服务端返回的数据,更新当前页面
    // alert("readyState属性值: "+xmlHttp.readyState)
    if (xmlHttp.readyState == 4 && xmlHttp.status ==200){
        //alert(xmlHttp.responseText);
        //更新dom对象
        var data =xmlHttp.responseText;
        document.getElementById("mydata").innerText =data;
    }
}

3.初始请求对象

//获取dom对象的value值
var name =document.getElementById("name").value;
var w = document.getElementById("w").value;
var h = document.getElementById("h").value;
//传参数,拼接字符串
var param="name="+name +"&w="+w+"&h="+h;
//alert("param="+param);
xmlHttp.open("get","bmiAjax?"+param,true)//get是访问方式,bmiAjax是访问地址

4.发送请求

xmlHttp.send();

**Ajax工作原理 参考:http://www.cnblogs.com/mingmingruyuedlut/archive/2011/10/18/2216553.html

这篇关于Ajax初学的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!