[HTML]POST方法和GET方法

GET方法:

function btn_get_click(){
          var httpRequest = new XMLHttpRequest();
        httpRequest.onreadystatechange = handleResponse;
       // httpRequest.open("GET", "/user/login?user_name=" + encodeURIComponent(username) + "&password=" +
       //         encodeURIComponent(password));
        httpRequest.open("GET", "/course/schedule?termno=0&week=0");
        httpRequest.send(null);
    }

    function handleResponse(e) {
        if (e.target.readyState == XMLHttpRequest.DONE){
            document.getElementById("result").innerHTML = e.target.responseText;
            var responseTextJson = JSON.parse(e.target.responseText);

            alert(responseTextJson.length);
            alert(responseTextJson[0].classroom);
          //  alert(responseTextJson.DATAINFO[0].PROJ_NAME);
        }
    }

GET方法是明文的,处理上面的类似用户名密码的其实要用POST方法.(非明文方式)

PSOT:

function clickLoin() {
            var yonghu = document.getElementById("username").value;//获取用户名
            var mima = document.getElementById("password").value;//获取密码
            var httpRequest = new XMLHttpRequest();
            httpRequest.onreadystatechange = handleResponse;
            var getloin ="username="+yonghu+"&&password="+mima;
            httpRequest.open("post", "/login");
            //以下这句在POST时要加上
            httpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
            httpRequest.send(getloin);
        }

        function handleResponse(e) {
            if (e.target.readyState == XMLHttpRequest.DONE){
               // var responseTextJson = JSON.parse(e.target.responseText);

                alert(e.target.responseText);
            }
        }

两者的区别:

补充:(题外话)

后端post接口开发者的想法:

post函数定义了请求的地址，参数，还有一个回调函数。

而post的概念就是

“我执行的时候，需要你给我地址和参数，然后我执行完了，就完了，但是如果开发人员你，需要用到我返回的数据和状态，你要用，怎么办呢？

那没关系，不是还有一个回调函数吗？我再提供一个回调函数给你，至于你想怎么用，就用这个回调函数实现，于是我只把返回的数据，状态放在参数列表里面，并且下一个”执行“你外部函数的命令，

具体怎么实现，你要怎么用，是你开发人员的事了。