Bootstrap

ajax异步交互

第一步 创建ajax对象

function createAJAX(){
    var ajax = null;
    try{
        ajax = new ActiveXObject("microsoft.xmlhttp");
    }catch(e1){
        try{
            ajax = new XMLHttpRequest();
        }catch(e2){
            alert("你的浏览器不支持ajax,请更换浏览器");
        }
    }
    return ajax;
}


 //1创建ajax对象
   var ajax = createAJAX();
   //2传参数
   var method= "POST";
   var url="${pageContext.request.contextPath}/checkcode?time="+new Date().getTime();
   ajax.open(method,url);
   //3
   ajax.setRequestHeader("content-type", "application/x-www-form-urlencoded");
   //4传到action中的数据
   var content ="checkcode="+checkcode;
   ajax.send(content);
   }
   //NO5)当满足条件后,调用ajax的responseText方法获得Action中printwriter的write写入的数据
                ajax.onreadystatechange = function(){

                    if(ajax.readyState == 4){
                        if(ajax.status == 200){
                        var tip = ajax.responseText;
    var img = document.createElement("img");}

返回JAVA格式的JSON文本
var jsonJAVA = ajax.responseText;

//p所代表的是java格式的json文本,是不能直接被js执行的
//解决方案:将java格式的json文本,转成js格式的json文本
//如何做:用js提供的一个函数搞定
var jsonJS = eval("("+jsonJAVA+")");
;