`
kiki1120
  • 浏览: 314586 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

如何用javascript以post方式提交form表单

阅读更多

有时候在做页面跳转的同时传递一些数据过去,如果采用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#以POST方式模拟提交表单”这一主题进行深入解析,主要内容涉及C#语言如何实现HTTP POST请求来模拟提交表单数据,并通过具体的...

    JS提交form表单实例分析

    本文实例讲述了JS提交form表单。分享给大家供大家参考,具体如下: 一、javascript 页面加裁时自动提交表单: Form表单: &lt;form method="post" id="myform" action="a.php"&gt; &lt;input type="submit" value=...

    EXT异步提交FORM表单

    EXT框架(通常指的是Ext JS)作为一种成熟且功能丰富的JavaScript库,提供了强大的UI组件和便捷的数据处理方法,其中就包括了异步提交FORM表单的功能。 #### 二、EXT异步提交FORM表单的基本原理与实现 ##### 2.1 ...

    jquery异步提交form表单

    type: "POST", // 提交方式,可以是GET或POST dataType: "json", // 数据类型,如json、html等 success: function(response) { // 提交成功后的回调函数,response为服务器返回的数据 console.log(response); ...

    ajax提交form表单

    在IT领域,特别是Web开发中,使用Ajax(Asynchronous JavaScript and XML)进行form表单的无刷新提交是一项关键技能。这种技术允许网页在不重新加载整个页面的情况下与服务器交互,从而提高了用户体验。以下是对给定...

    使用AJAX提交Form表单实例演示

    总结,这个实例演示了如何使用jQuery和AJAX来实现Form表单的无刷新提交。通过这种方式,用户可以在提交表单后立即看到结果,而无需等待页面刷新,提高了交互性和用户体验。记住,实际应用中你需要根据具体需求调整...

    javascript方式防止表单重复提交

    8. **表单重定向(Redirect after Post)**:这是一种经典的防止重复提交的方法,提交表单后立即重定向到新的URL,这样即使用户再次点击提交,也会被重定向页面拦截。 9. **使用HTML5的formnovalidate属性**:对于...

    ajax提交form表单和上传图片

    使用jQuery的Ajax方法,如`$.ajax()`或`$.post()`,可以监听表单的提交事件,并阻止默认的表单提交行为。同时,使用jQuery Form插件的`submit()`方法,我们可以方便地将表单数据和文件一起发送到后端。 以下是实现...

    【JavaScript源代码】HTML form表单提交方法案例详解.docx

    1. **默认提交**:当用户点击`&lt;input type="submit"&gt;`按钮,表单会按照`&lt;form&gt;`标签的`action`属性指定的URL进行提交,通常是通过HTTP的GET或POST方法。 2. **JavaScript事件处理**:通过为`&lt;input type="submit"&gt;`...

    javascript弹出层表单提交代码

    JavaScript弹出层表单提交是一种常见的用户交互设计,它允许用户在不离开当前页面的情况下填写并提交表单数据。这种技术常用于网站的登录、注册、评论或编辑功能,提供了良好的用户体验,因为用户无需跳转到新页面...

    使用jQuery.form插件,实现完美的表单异步提交

    本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form插件的基本用法。在开始之前,请确保已经在项目中引入了jQuery库以及jQuery.form插件。通常,这两个文件可以通过...

    漂亮的form表单-漂亮的form表单

    - **GET与POST方法**:`method`属性决定提交方式,GET将数据附加到URL,POST则将数据隐藏在请求体中。 - **服务器端处理**:表单数据提交后,服务器端(如PHP、Python、Node.js等)需解析并处理这些数据。 8. **...

    layui form表单提交之后重新加载数据表格的方法

    在AJAX技术广泛应用的今天,通常我们会用JavaScript来处理表单的提交,从而无需重新加载页面。通过返回`false`,我们可以让表单提交时不会导致页面跳转,而是执行我们自定义的AJAX请求来与服务器交互,并刷新表格。 ...

    jquery-form 异步提交表单

    - `type`: 提交方式,可以是'POST'或'GET'。 - `dataType`: 预期服务器返回的数据类型,如'json', 'xml', 'html'等。 - `beforeSubmit`: 提交前的回调函数,可以在此进行数据验证或预处理。 - `success`: 数据成功...

    form表单的异步回调方法

    5. **伪Ajax(Pseudo-AJAX)**:尽管这种异步提交方式不是真正的Ajax(因为没有使用XMLHttpRequest),但它实现了类似的效果,即用户提交表单后,页面不会刷新,而是等待后台的响应。在等待期间,可以显示加载动画或...

    使用AJAX提交Form表单

    二、使用AJAX提交Form表单的步骤 1. 创建XMLHttpRequest对象:在JavaScript中,我们首先需要创建一个XMLHttpRequest对象,这通常是异步的,意味着它不会阻塞页面的其他操作。 ```javascript var xhr = new ...

    js的form表单提交url传参数(包含+等特殊字符)的两种解决方法

    方法一:伪装form表单提交 这种方法通过JavaScript动态创建一个form元素,将需要提交的参数值编码后加入到表单的action属性中,然后模拟form的提交行为。示例代码如下: ```javascript linkredwin=function(A,B,C,D,...

    js 提交form表单和设置form表单请求路径的实现方法

    本文将详细介绍如何使用JavaScript来提交一个form表单和设置表单请求路径的方法,这些知识点是前端开发人员必备的基础技能之一。 首先,我们需要了解form表单的基本结构和属性。表单通常是由一系列输入元素(如...

    form多表单同时提交以及支持下拉框可编辑源码

    这种情况下,传统的表单提交方式往往难以满足需求。因此,我们可以通过编写自定义的JavaScript代码来实现多表单的同时提交。 #### 实现步骤 1. **确定表单元素**:首先,需要确定哪些表单需要同时提交,并为这些...

    html对应的文件中 将form 表单数据 转化为json 格式

    这个`ajax`请求将以POST方式提交JSON数据到指定的URL,后端服务接收后,可以解析并插入到Oracle数据库中。当然,具体的数据库操作需要根据后端语言和框架的实现来完成。 总结一下,HTML表单数据可以通过jQuery的`...

Global site tag (gtag.js) - Google Analytics