ajax异步交互

最新推荐文章于 2022-03-12 00:04:59 发布

sj2017

最新推荐文章于 2022-03-12 00:04:59 发布

阅读量260

点赞数

分类专栏： java复习文章标签： ajax

本文链接：https://blog.csdn.net/sj2017/article/details/77926791

版权

java复习专栏收录该内容

9 篇文章 0 订阅

订阅专栏

第一步创建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+")");