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

在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"; //设置nameopt.value = $("#usercode").text(); //设置valueform1Elt.appendChild(opt);//通过appendChild函数向form表单中添加新的元素--textarea元素/对象，即文本框document.forms[0].submit();//获取当前页面中所有表单集合，然后调用第一个form表单，进行提交

js中使用post的方式发送请求相关推荐

HttpClient4.x中GET方式发送请求参数中文乱码处理
HttpClient4.x GET 方式发送请求参数中文乱码处理 (非返回结果乱码) 之前尝试对HttpGet对象添加头部字符编码设置均无效,后改用参数字符编码处理后实现请求参数乱码正确处理. Htt ...
pythonrequests发送数据_在python中使用requests 模拟浏览器发送请求数据的方法
在python中使用requests 模拟浏览器发送请求数据的方法如下所示: import requests url='http://####' proxy={'http':'http://#### ...
如何在js中使用ajax请求数据,在 JS 中怎么使用 Ajax 来进行请求
在 JS 中怎么使用 Ajax 来进行请求发布时间:2021-07-22 09:48:43 来源:亿速云阅读:78 作者:chen 本篇内容介绍了"在 JS 中怎么使用 Ajax 来进行 ...
java http 302_java中httpclent以post方式提交请求时，http返回码是302重定向时，不自动跳转的处理...
场景: 接口A:请求地址为http://www.test.com/test 接口A的功能,会把接收到的参数url写入到header的Location属性中在java中,使用httpclient发送请 ...
Js中的Sort排序方式
Js中的Sort排序方式这里只列出部分排序方式 1.Sort排序 Sort排序是数组内置函数,但他的排序是根据系统字符默认排序 //数组const arr = [3,4,2,3,123,35,65, ...
如何在js中使用ajax请求数据,在 JS 中如何使用 Ajax 来进行请求
做者:Danny Markov 译者:前端小智来源:tutorialzine 点赞再看,微信搜索 [大迁世界]关注这个没有大厂背景,但有着一股向上积极心态人.本文 GitHub https://gi ...
axios_的其他方式发送请求_使用axios.request .get .delete .post .put 等方法发送请求---axios工作笔记005
然后我们前面使用了axios方法,来发送请求,可以看到他用这个axios就可以发送,get,put,post,delete 请求了, 但是axios还封装了单独的,request,get,delete ...
JS中的函数定义方式及全局函数
一.定义方式方式一用 function定义定义匿名函数,匿名函数可以被当作参数传递,不需要加入括号通过内置的function的对象创建函数 <!DOCTYPE html> <h ...
【JavaScript学习笔记2】JS中常见的输出方式-控制台输出信息
引言在编程开发的过程中,输出信息是非常必要的.JS中提供了四种输出方式:弹出显示框.控制台输出.弹出输入框.弹出判断显示框弹出显示框这种方式在上一篇笔记中已经详细介绍,有需要学习的朋友可以跳转到 ...

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

js中使用post的方式发送请求相关推荐

最新文章

热门文章