`
Vasile
  • 浏览: 38595 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

打开新页面,并在新页面中以POST方式发送本页面中的form

阅读更多
原本以为只能以get(url)的方式打开新页面,事实证明我基础不牢、孤陋寡闻了。。。
<script>   
    function openSpecfiyWindown( windowName )   {   
     window.open('about:blank',windowName,'width=700,height=400,menubar=no,scrollbars=no');   
    }   
 </script> 


  <form id="editForm" name="editForm" method="post" action="viewUser" target="colors123" onsubmit="openSpecfiyWindown( 'colors123' )">  
    <fieldset>  
      <input type="hidden" id="id" name="id" value="$!{User.id}" />  
      <input type="submit" />  
     </fieldset>  
  </form>  

其中的关键:
1.是window.open('about:blank',windowName,中的windowName,target="colors123“设置了在IDcolors123为新页面中发送当前的form
2.form的onsubmit事件发生在submit事件之前,但这个submit事件必须是点击submit按钮触发的,如果是form.submit()生成的submit事件则不会触发onsubmit事件。
分享到:
评论

相关推荐

    js以post方式打开新页面

    然而,在某些情况下,我们可能需要以POST方式发送数据并打开新页面,例如处理表单提交、传输大量数据或者避免URL地址栏显示敏感信息等。本篇文章将详细介绍如何在JavaScript中实现POST方式的新页面打开。 首先,...

    layui使用form表单实现post请求页面跳转的方法

    layui使用form表单实现post请求,避免信息泄露(设置form表单隐藏,也可以初始化时隐藏): 这里是在数据表格查询数据时的按钮操作,其他操作类似 &lt;table id=myTable class=layui-table lay-filter=myTableDetail&gt;&lt;/...

    用form提交打开新页面,类似于支付时候的效果

    在网页开发中,"用form提交打开新页面,类似于支付时候的效果"是一种常见的用户体验设计,特别是在处理支付或重要操作时,以确保用户明确他们的决定并提供一个清晰的反馈流程。以下是一些关于这个主题的关键知识点:...

    from表单新窗口打开并提交

    在网页开发中,"from表单新窗口打开并提交"是一种常见的用户交互方式,它允许用户在新的浏览器窗口中打开一个表单,并在用户填写完信息后提交表单。这种方式通常用于创建更友好的用户体验,比如创建注册或登录页面时...

    js使用post 方式打开新窗口

    在这个函数中,我们动态创建了一个`&lt;form&gt;`元素,并设置了它的`action`属性为目标URL,`target`属性为`"_blank"`以在新窗口打开,`method`属性为`"post"`表示POST请求。然后,我们遍历传入的参数对象,为每个键值对...

    使用jquery实现以post打开新窗口

    总之,通过jQuery实现的`jQueryOpenPostWindow`函数提供了一种跨浏览器的方法,可以在不刷新当前页面的情况下,以POST方式打开新窗口,并向服务器发送数据。这种方法在需要在新窗口中处理用户提交的信息或展示结果时...

    JS实现使用POST方式发送请求

    在JavaScript中,我们通常使用`window.location.href`来实现页面的跳转,这是一种基于GET方法的请求方式。GET请求的特点是简单直接,但其缺点在于,如果传递的参数较多或者包含敏感信息,这些数据会清晰地显示在URL...

    在Js页面通过POST传递参数跳转到新页面详解

    在POST请求中,通过设置`contentType`为`application/json`,可以确保数据以JSON格式发送,同时通过`data`字段传递所需的参数。 为了实现跳转,可以在POST请求成功后,根据返回的数据决定是否进行页面跳转。如果...

    form提交的集中方式

    本文档将详细介绍三种常见的JavaScript库jQuery中处理表单提交的方法,包括$.post()、$.ajax()以及使用jquery.form.js库的ajaxForm()。 1. **$.post()** 方法: $.post()是jQuery提供的一个简洁的Ajax方法,专门...

    SAP ABAP ScriptForm 中文版本

    **1.2.3.2 在FORM中包含公司logo** - **公司logo**是企业形象的重要组成部分,在表单中正确地放置logo可以提高品牌识别度。 - 开发者需要考虑logo的位置和大小,以确保其与表单的整体设计协调一致。 **1.2.3.3 在...

    vue 解决form表单提交但不跳转页面的问题

    在这个例子中,`sub`方法首先调用`event.preventDefault()`以确保不会发生页面跳转,然后使用`$.post`发送表单数据。`$('#msgForm').serialize()`将表单数据序列化为URL编码格式,`http://api.test.ai/visitorinfo/`...

    jquery form插件的各个版本

    - 测试不同版本的`jquery.form.js`在实际项目中的表现,以确定最稳定、功能最全面的版本。 - 考虑项目的需求,如是否需要文件上传功能,或者是否需要特定的API等。 7. **最佳实践**: - 保持jQuery和jQuery Form...

    C#中所有页面跳转方式

    这种方式会发送一个新的HTTP请求到指定的URL,并且当前页面会被替换为新页面。 **示例代码**: ```csharp // 跳转到MAIN.aspx页面 Response.Redirect("MAIN.aspx"); ``` **注意事项**: - `Response.Redirect`跳转...

    Xilium CefGlue 浏览器弹出新窗口,改为新标签选项卡中打开的问题

    总之,通过自定义`CefLifeSpanHandler`并覆盖`OnBeforePopup`方法,我们可以有效地控制Xilium CefGlue浏览器组件的行为,使其能够按照我们的需求在新的标签页而不是新窗口中打开链接,从而提供更加符合用户习惯的...

    window.open以post方式将内容提交到新窗口

    第一种方式 最近在做web项目,碰到需要跨页面传递参数的功能,就是那种需要把当前页面的内容带到新开的子窗体中,以前的做法是传一个id过去,然后在新窗口中去读数据库的内容。虽然不怎么麻烦,但是如果内容么有在...

    网页中post/get

    - **POST**:POST请求方式用于发送数据到服务器进行处理,参数不会显示在URL中,相对更加安全。如果需要传输机密信息,推荐使用POST方式。 **2. 使用场景** - **GET**:适用于数据查询操作,如搜索功能、获取页面...

    c#控制htmlformc#控制htmlform

    当用户点击表单上的按钮时,表单会发送POST请求到服务器,此时C#后台代码(通常是.aspx.cs文件中的事件处理程序)会被执行。以下是一些关于C#控制HTMLForm的关键知识点: 1. **服务器控件**:在ASP.NET中,我们可以...

    asp.net使用JS+form表单Post和Get方式提交数据

    具体实现方式为,在前台页面创建一个input标签,并使用其file类型以选择文件;接着创建一个a标签,用于触发上传操作的JS函数。在这个JS函数中,首先通过ID获取到input标签,然后创建一个新的form元素,并将其添加到...

    lotus domino AJAX 不刷新post页面保存文档

    Lotus Domino AJAX 不刷新页面保存文档是一种在前端与后端交互时提高用户体验的技术,它允许用户在不重新加载整个页面的情况下提交数据并保存文档。在本文中,我们将深入探讨实现这一功能所需的关键技术和代码片段。...

Global site tag (gtag.js) - Google Analytics