有时候在做页面跳转的同时传递一些数据过去,如果采用url链接的方式就会被人看到,想要隐藏数据又不想写html,可以采用下面的方法。
目的:将接收到的用户名和密码发送到另一个地址(相对地址/绝对地址均可)
servlet+js方法:
<%
String username = request.getParameter("username");
String password = request.getParameter("password");
if(username.equals("test") && password.equals("test")){
out.println("<script>");
out.println("document.write('<form name=myForm><input type=hidden name=username><input type=hidden name=password></form>');");
out.println("var myForm=document.forms['myForm'];");
out.println("myForm.action='index.jsp';");
out.println("myForm.method='POST';");
out.println("myForm.username.value='"+username+"';");
out.println("myForm.password.value='"+password+"';");
out.println("myForm.submit();");
out.println("</script>");
}
%>
javascript方法:
<%
String username = request.getParameter("username");
String password = request.getParameter("password");
%>
<script language="javascript">
document.write('<form name=myForm><input type=hidden name=username><input type=hidden name=password></form>');
var myForm=document.forms['myForm'];
myForm.action='index.jsp';
myForm.method='POST';
myForm.username.value='<%=username%>';
myForm.password.value='<%=password%>';
myForm.submit();
</script>
分享到:
相关推荐
### C#以POST方式模拟提交表单 - 关键知识点解析 #### 一、知识点概览 本文档将基于“c#以POST方式模拟提交表单”这一主题进行深入解析,主要内容涉及C#语言如何实现HTTP POST请求来模拟提交表单数据,并通过具体的...
本文实例讲述了JS提交form表单。分享给大家供大家参考,具体如下: 一、javascript 页面加裁时自动提交表单: Form表单: <form method="post" id="myform" action="a.php"> <input type="submit" value=...
EXT框架(通常指的是Ext JS)作为一种成熟且功能丰富的JavaScript库,提供了强大的UI组件和便捷的数据处理方法,其中就包括了异步提交FORM表单的功能。 #### 二、EXT异步提交FORM表单的基本原理与实现 ##### 2.1 ...
type: "POST", // 提交方式,可以是GET或POST dataType: "json", // 数据类型,如json、html等 success: function(response) { // 提交成功后的回调函数,response为服务器返回的数据 console.log(response); ...
在IT领域,特别是Web开发中,使用Ajax(Asynchronous JavaScript and XML)进行form表单的无刷新提交是一项关键技能。这种技术允许网页在不重新加载整个页面的情况下与服务器交互,从而提高了用户体验。以下是对给定...
总结,这个实例演示了如何使用jQuery和AJAX来实现Form表单的无刷新提交。通过这种方式,用户可以在提交表单后立即看到结果,而无需等待页面刷新,提高了交互性和用户体验。记住,实际应用中你需要根据具体需求调整...
8. **表单重定向(Redirect after Post)**:这是一种经典的防止重复提交的方法,提交表单后立即重定向到新的URL,这样即使用户再次点击提交,也会被重定向页面拦截。 9. **使用HTML5的formnovalidate属性**:对于...
使用jQuery的Ajax方法,如`$.ajax()`或`$.post()`,可以监听表单的提交事件,并阻止默认的表单提交行为。同时,使用jQuery Form插件的`submit()`方法,我们可以方便地将表单数据和文件一起发送到后端。 以下是实现...
1. **默认提交**:当用户点击`<input type="submit">`按钮,表单会按照`<form>`标签的`action`属性指定的URL进行提交,通常是通过HTTP的GET或POST方法。 2. **JavaScript事件处理**:通过为`<input type="submit">`...
JavaScript弹出层表单提交是一种常见的用户交互设计,它允许用户在不离开当前页面的情况下填写并提交表单数据。这种技术常用于网站的登录、注册、评论或编辑功能,提供了良好的用户体验,因为用户无需跳转到新页面...
本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form插件的基本用法。在开始之前,请确保已经在项目中引入了jQuery库以及jQuery.form插件。通常,这两个文件可以通过...
- **GET与POST方法**:`method`属性决定提交方式,GET将数据附加到URL,POST则将数据隐藏在请求体中。 - **服务器端处理**:表单数据提交后,服务器端(如PHP、Python、Node.js等)需解析并处理这些数据。 8. **...
在AJAX技术广泛应用的今天,通常我们会用JavaScript来处理表单的提交,从而无需重新加载页面。通过返回`false`,我们可以让表单提交时不会导致页面跳转,而是执行我们自定义的AJAX请求来与服务器交互,并刷新表格。 ...
- `type`: 提交方式,可以是'POST'或'GET'。 - `dataType`: 预期服务器返回的数据类型,如'json', 'xml', 'html'等。 - `beforeSubmit`: 提交前的回调函数,可以在此进行数据验证或预处理。 - `success`: 数据成功...
5. **伪Ajax(Pseudo-AJAX)**:尽管这种异步提交方式不是真正的Ajax(因为没有使用XMLHttpRequest),但它实现了类似的效果,即用户提交表单后,页面不会刷新,而是等待后台的响应。在等待期间,可以显示加载动画或...
二、使用AJAX提交Form表单的步骤 1. 创建XMLHttpRequest对象:在JavaScript中,我们首先需要创建一个XMLHttpRequest对象,这通常是异步的,意味着它不会阻塞页面的其他操作。 ```javascript var xhr = new ...
方法一:伪装form表单提交 这种方法通过JavaScript动态创建一个form元素,将需要提交的参数值编码后加入到表单的action属性中,然后模拟form的提交行为。示例代码如下: ```javascript linkredwin=function(A,B,C,D,...
本文将详细介绍如何使用JavaScript来提交一个form表单和设置表单请求路径的方法,这些知识点是前端开发人员必备的基础技能之一。 首先,我们需要了解form表单的基本结构和属性。表单通常是由一系列输入元素(如...
这种情况下,传统的表单提交方式往往难以满足需求。因此,我们可以通过编写自定义的JavaScript代码来实现多表单的同时提交。 #### 实现步骤 1. **确定表单元素**:首先,需要确定哪些表单需要同时提交,并为这些...
这个`ajax`请求将以POST方式提交JSON数据到指定的URL,后端服务接收后,可以解析并插入到Oracle数据库中。当然,具体的数据库操作需要根据后端语言和框架的实现来完成。 总结一下,HTML表单数据可以通过jQuery的`...