js中使用post的方式发送请求

本文链接：https://blog.csdn.net/qq_35708970/article/details/119245912

在javaScript中发送请求：

1、发送get请求：下面这两个方式都是get方式的发送请求

//直接设置新的url，这种方式跳转为get方式
//document.location = "/servlet/pageUpdateUser?usercode="+$("#usercode").text()+"&username="+$("#username").val(); //这种是DOM层面的页面跳转
window.liocation.href = url;  //这种是实现窗口的页面跳转，BOM层面的页面跳转

2、发送post请求：

--先设置函数

//发送POST请求跳转到指定页面
function httpPost(url,params) {
    var formEltTemp = document.createElement("form"); //增加表单，隐藏方式
    formEltTemp.action = url; 
    formEltTemp.method = "post";
    formEltTemp.style.display = "none"; //隐藏这个form

    //通过for..in来遍历params这个json数组对象
    for(var key in params){  
    var opt = document.createElement("textarea"); //新建一个文本框元素
    opt.name = key; //设置文本框的name属性
    opt.value = params[key]; //设置文本框的value属性
    formEltTemp.appendChild(opt); //把opt这个文本框加入到form表单中
    }

    document.body.appendChild(formEltTemp);//把增加的这个form表单添加到body中
    formEltTemp.submit(); //提交表单
    return formEltTemp; 
}

--调用函数

//通过虚拟表单的形式提交post请求，从而实现页面的跳转
var url = "<%=request.getContextPath()%>/servlet/pageUpdateUser";

//设置往form表单中添的元素，name=value的方式，设置一个json数组对象
var params = {
    "usercode":document.getElementById("usercode").innerText,
    "username":$("#username").val(),
    "userpwd":$("#userpwd").val(),
    "orgtype":document.getElementById("orgtype").value
}

//调用函数，发送post请求
httpPost(url,params);
}

3、有时候在form表单中少一个两个要发送的值，需要在现有额form表单中添加数据

//给form表单中添加数据
    var form1Elt=document.getElementById("form1");//获取需要添加数据的form表单元素
    var opt = document.createElement("textarea");// 新建文本框元素
    opt.name = "usercode"; //设置name
    opt.value = $("#usercode").text(); //设置value
    form1Elt.appendChild(opt);//通过appendChild函数向form表单中添加新的元素--textarea元素/对象，即文本框

    document.forms[0].submit();//获取当前页面中所有表单集合，然后调用第一个form表单，进行提交