js中使用post的方式发送请求
在javaScript中发送请求:1、发送get请求:下面这两个方式都是get方式的发送请求//直接设置新的url,这种方式跳转为get方式//document.location = "/servlet/pageUpdateUser?usercode="+$("#usercode").text()+"&username="+$("#username").val(); //这种是DOM层面的
·
在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表单,进行提交
更多推荐
已为社区贡献3条内容
所有评论(0)