`

动态添加的表单action,只能提交一次

 
阅读更多

$("[id=sendtofriend]").click(function(){
  var pid = $(this).attr("valattr");
  var title="*****";
  var tempUrl = 'http://*******/upview.do?pid='+pid;
  var content="我******,网址"+tempUrl+",快来看看呦!";
  var html = '<form id="sendMessageHiddenForm" method="post" action=http://XXXXXX/message/prepare.do target="_blank">'+
    '<input type="hidden" name="title" value="'+title+'"/>'+
    '<input type="hidden" name="content" value="'+content+'"/>'+
    '</form>';
    
  $("#sendMessageHiddenDiv").html(html);
  $("#sendMessageHiddenForm")[0].submit();  
 });

 

上述代码 在 谷歌浏览器下 只能点一次, 加上随机码,好了,很奇怪

 

$("[id=sendtofriend]").click(function(){
  var pid = $(this).attr("valattr");
  var title="*****";
  var tempUrl = 'http://*******/upview.do?pid='+pid;
  var content="我******,网址"+tempUrl+",快来看看呦!";
  var html = '<form id="sendMessageHiddenForm" method="post" action="http://XXXXXX/message/prepare.do?temp='+Math.random()+'" target="_blank">'+
    '<input type="hidden" name="title" value="'+title+'"/>'+
    '<input type="hidden" name="content" value="'+content+'"/>'+
    '</form>';
    
  $("#sendMessageHiddenDiv").html(html);
  $("#sendMessageHiddenForm")[0].submit();  
 });
 
 

 

 

分享到:
评论

相关推荐

    ExtJs 动态添加表单

    ExtJS 是一个强大的JavaScript库,...总之,动态添加表单是ExtJS开发中的一个重要技巧,它允许我们根据用户交互或程序逻辑灵活地调整表单结构。结合源码和工具,开发者可以构建出高度可定制和交互性强的Web应用界面。

    Spring In Action SpringMVC 提交表单

    《Spring In Action: SpringMVC 提交表单详解》 在Web开发中,SpringMVC作为Spring框架的一部分,是处理HTTP请求和响应的强大工具。它为开发者提供了构建高性能、易于测试的Web应用程序的结构。本篇文章将深入探讨...

    Struts之Token解决表单那重复提交

    在Struts配置文件中,为需要防止重复提交的Action添加一个拦截器引用,如`token`或`token-session`。这两个拦截器都可以处理Token,但`token-session`更安全,因为它会将Token存储在会话中,而不仅仅是请求中。 2....

    防止表单重复提交

    在Web开发中,表单提交是一项基础且关键的操作,它允许用户向服务器发送数据进行处理。然而,如果没有适当处理,可能会出现表单重复提交的问题,这可能导致数据的不一致性和服务器资源的浪费。本篇文章将深入探讨...

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

    如下所示: form表单ID:postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了,希望大家多多支持软件开发网~

    struts1.2 from表单提交包含list的对象

    总结来说,Struts1.2处理包含列表对象的表单提交涉及到表单设计、ActionForm的创建、Action类的编写以及Struts框架的内部机制。通过理解这些知识点,开发者能够有效地管理用户输入的复杂数据结构,并在后端进行处理...

    struts动态表单实例

    在处理动态表单时,Action需要能处理不同类型的表单提交,因为它们可能映射到相同的Action。 7. **国际化与本地化**: 动态表单还支持多语言环境,通过资源文件可以为不同的语言提供相应的表单标签和错误消息。 8. ...

    JavaScript动态创建form表单并提交的实现方法

    在现代网页设计和开发中,动态创建表单(form)是一个非常实用的技术。表单是收集用户输入数据的界面元素,通常用于登录、注册、搜索、信息反馈等功能。而JavaScript作为一种客户端脚本语言,提供了一种便捷的方式在...

    用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。

    用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。 html页面: &lt;iframe name="FORMSUBMIT" width="1" height="1" &gt;&lt;/iframe&gt; &lt;form action="login....

    通过button将form表单的数据提交到action层的实例

    在我们的实例中,我们使用 Button 元素来提交 Form 表单数据,我们将 onclick 属性设置为一个 JavaScript 函数,该函数将 Form 表单数据提交到 Action 层。 知识点 2: 使用 Ajax 提交 Form 表单数据 在现代 Web ...

    Struts2解决表单重复提交

    在Web应用中,表单重复提交是一种常见的问题。通常,这种问题发生在用户在提交表单后,由于网络延迟或用户的误操作再次点击提交按钮,或者在表单提交后刷新浏览器页面。这两种情况都可能导致服务器接收到重复的请求...

    JavaScript动态添加数据到表单并提交的几种方式

    本文介绍了几种不同的方法来实现这一功能,包括已存在表单对象时的添加和提交、没有表单对象时的动态创建表单、以及使用FormData对象通过AJAX发送数据。 首先,如果页面上已经存在一个表单对象,我们可以通过jQuery...

    简单的表单提交代码

    在`&lt;form&gt;`标签内定义`action`属性指定表单数据提交的URL,`method`属性则定义提交方式,常见的有GET和POST。 2. **GET与POST提交** - GET方式:表单数据会附加在URL后面,可见且有长度限制,适合不涉及敏感信息的...

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

    在Web开发中,异步表单提交是一种常见需求,它能提供更好的用户体验,因为用户无需等待页面刷新即可完成数据的提交。jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、...

    如何提交Extjs 中的表单

    在ExtJS中,提交表单是一项常见的操作,用于将用户在表单中填写的数据发送到服务器进行处理。本文将详细讲解如何在ExtJS环境中实现表单的提交,并结合Java Web后端进行交互。 首先,我们需要了解ExtJS中的表单组件...

    html5单选框表单提交代码.zip

    JavaScript(JS)在表单处理中扮演重要角色,它可以用来验证用户输入、添加动态效果以及控制提交过程。在"jiaoben181324"这个文件中,可能包含了使用JavaScript美化表单样式或增强功能的代码。例如,使用jQuery库,...

    post模拟登录,提交表单

    4. **提交表单**:使用POST请求发送表单数据到指定的action URL。这次可能需要添加已有的session或cookie,以保持会话状态。 5. **处理提交响应**:检查服务器的响应,判断提交是否成功。可能需要处理重定向、错误...

    struts2中token限制表单多次提交

    Struts2提供了Token插件来解决这个问题,确保每个表单提交只能被执行一次。下面将详细阐述Struts2中Token机制的工作原理、配置以及使用方法。 1. Token机制概述: Token机制是通过在客户端(浏览器)和服务器之间...

    struts2防止表单重复提交--重定向

    - **Session属性**:在Action中设置一个session属性,表示表单已提交。当检测到该属性已存在时,忽略后续的提交请求。 - **客户端验证**:在JavaScript中添加代码,表单提交后禁用提交按钮,阻止用户再次点击。 ...

    ExtJs4.0 表单提交Demo

    - **配置表单行为**:为FormPanel设置action属性,指定提交的URL,或者在提交事件中动态设置。 - **监听提交事件**:使用`form.submit()`方法触发表单提交,传入一个包含回调函数的对象,处理成功和失败的情况。 ...

Global site tag (gtag.js) - Google Analytics