AJAX

来源:互联网 发布:python spark 环境搭建 编辑:程序博客网 时间:2024/06/08 06:19
<script>
    function test(){
    //ajax步骤分成三步
    //第一步骤,产生xmlhttp对象
    var xmlhttp;
    //判断兼容性问题
    /*
    产生XMLHttpRequest对象,可以做不刷新这个页面,局部更新内容
    */
    if(window.XMLHttpRequest){
    xmlhttp = new XMLHttpRequest();
    }else{
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
   
   
    //第二步,发送请求
    var url="/JavaWeb09_ajax/FindServlet";
    //建立连接,第一个参数请求方法、第二个参数url、三个参数同步还是异步,true异步
    xmlhttp.open("post",url,true);
    //定义http传输头的信息
    xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=utf-8");
    //发送请求
    xmlhttp.send("username=小王&pwd=321");
   
   
    //第三步接受响应,监控状态码,状态码一旦改变就调用一次方法
    xmlhttp.onreadystatechange = function(){
    //如果状态码为200,表示请求成功。readyStates表示对象的状态
    if(xmlhttp.status == 200 && xmlhttp.readyState == 4){
   
    //获取后台发送回来的内容
    var jsonS = xmlhttp.responseText;
    //接受到的json字符串,js无法直接操作字符串。json字符串转换为js对象
    var jsobj =  JSON.parse(jsonS);
    console.info(jsobj.bean1.username);
    /* console.info(jsobj.id);
    console.info(jsobj.username); */
    }
    }
    }
   
    function test2(){
    console.info(1234566);
    }
   
   
   
    test();
    test2();
    </script>
0 0