HTML动态创建FORM调用后端服务

HTML动态创建FORM调用后端服务

HTML部分

uid: 《input id=“uid” name=“uid” type=“text” size=“10” value=“ss” class=“auth” /》
pwd: 《input id=“pwd” name=“pwd” type=“text” size=“10” value=“s” class=“auth”/》
《button οnclick=“login()”>login</button》

JS部分

function login() {
    var parms = document.getElementsByClassName("auth");
    httpPost("/sstest/test",parms);

}

function httpPost(URL, PARAMS) {
    var temp = document.createElement("form");
    temp.action = URL;
    temp.method = "post";
    temp.style.display = "none";

    for (var x in PARAMS) {
        var opt = document.createElement("textarea");
        opt.name = x;
        opt.value = PARAMS[x].value;
        if (x.indexOf("length")>=0 || x.indexOf("Item")>=0 || x.indexOf("item")>=0) {continue};
        alert(opt.name +"---------"+ opt.value);
        temp.appendChild(opt);
    }
    document.body.appendChild(temp);
    temp.submit();

    return temp;
}