iframe提交form后将变量返回给iframe

2024-09-07

直接提交一个form表单后台返回一个新页面通过target属性可以放到iframe当中

问题描述: 我想提交一个form表单后台直接返回一个新页面,但是当前页面还不想被替换掉: 解决方案: 在页面中添加一个iframe将form表单的target属性设置为iframe的id这样的话返回的页面会直接嵌套到iframe当中非常简单方便. 案例: <form id="form1" action="xxx" method="post" target="upload_from_return">

如何通过iframe以post方式提交form表单

以前用过一次这种技术,这次用居然忘了,现纪录下来,下次再用就来看看. 首先在html中需要准备好form和iframe元素代码如下: <form id="speaker_form" action="http://sunchao1.data.mix.sina.com.cn/" method="post" target="form_iframe"> ... </from> <iframe name=&

织梦DedeCMS自定义表单提交成功后返回当前页面的教程

织梦的自定义表单制作的留言,报名等功能,提交成功后会自动返回到首页,那么如何让它返回到当前页面呢? 方法如下: 打开plus/diy.php文件找到 showmsg($bkmsg, $goto); 改成 showmsg($bkmsg, -1); 这样就ok了,赶紧试试吧.

关于form表单提交数据后不跳转页面+ajax接收返回值的处理

1.前台的form表单建立,注意action.enctype的内容, 2.通过添加一个隐藏的iframe标签使form的target指向iframe来达到不跳转页面的效果,同时需要在js里获取iframe里的内容(即后台利用GSON传回来的返回值). 代码部分: <form id="form1" action="../PublishPostingsServlet" enctype="multipart/form-data" metho

springmvc下js控制表单提交（表单提交前检验，提交后获取json返回值）

这个问题我搞了四天,终于搞懂.因为对js很不熟悉.郁闷的是后台代码出错总可以设置断点调试,前端js代码出错只能通过浏览器提供一些运行数据来分析,很不习惯. 首先说下逻辑:这是一个注册功能,我希望,注册前端表单提交后,后台处理后,返回一个json数据,前端用jquery接收,并弹出弹框显示是否注册成功以及提示信息. 所以首先可以,写出后端代码: /** * @ClassName: RegisterController * @Description: Register CONTROLLER类 * @

iframe 加form提交数据

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>伪造Ajax</title> </head> <body> <input type="text"> <form id="f1" action="/fakeajax/&

javascprit form表单提交前验证以及ajax返回json

1.今天要做一个手机验证码验证的功能.需求是前端页面点击发送短信验证码,后台接收后通过ajax返回到前端,之后前端在提交时候进行验证.思路很简单,不过做的过程还是学到不少的东西. 1.ajax请求后返回 returning 405 Method Not Allowed 原因是我后台返回的时候没有加上: @ResponseBody注解.加上后返回的数据是json字符串,但是js只能操作json对象.需要把json字符串转为json对象.一般的有三种方式1.JSON.parse();如 var j

如何通过submit提交form表单获取后台传来的返回值

版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/qq_34651764/article/details/76373846 小伙伴是不是遇到过这样的问题,通过submit提交form表单的时候,不知怎么获取后台传来的返回值.有的小伙伴就会说你不会发送ajax,其实小编也会.假如提价的form表单中含有文件,怎么办?(注:其实小编不会如何用ajax把选择文件上传到后台,如果有会的小伙伴可以分享一下) 步骤1:想要通过submit方式提交form表单,

提交form表单不刷新页面案列

提交form表单不刷新页面其实很简单的,这里拿上传图片来举列,大家有什么其它的方法也欢迎留言告知与我 <form action="" method="post" id="IMGFORM" enctype="multipart/form-data" target="upload"> <table>

关于提交form不刷新的问题

最近在做一个项目,除去主页面是html页面,点击菜单按钮都由ajax加载生成,在这种情景下,F5刷新或者提交form表单就会将页面回复到刚刚打开主页面. 现在有一个这样的场景,点击子菜单生成一个子页面,在子页面有一个添加按钮,如图: 在点击添加按钮后会出现一个模态框,将信息录入,如图: 如果直接使用form表单提交那么就会将整个页面刷新,与预想的结果不符,于是在网上找到了设置form的target方法,在这个模态框中设置一个不可见的iframe. <form id="upLoadApp&q

iframe和form表单实现ajax请求上传数据

form的target属性设置为iframe的name值时,表示提交到url后返回的数据显示到iframe区域 <form action="/upload.html" method="post" target="iframe_1" enctype="multipart/form-data"> <iframe style="display: none" id="iframe_1&q

ajax提交form表单

1. ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单. 2. from视图部分 <form id="loginForm" name="loginForm" action="admin/user/login" method="post"> <table align="center"> <tr> <

jquey ajax 无刷新提交form

http://bbs.csdn.net/topics/380237868 $.ajax({ type: "POST", url:ajaxCallUrl, data:$('#yourformid').serialize(),// 你的formid async: false, error: function(request) { alert("Connection error"); }, success: function(data) { $("#common

jquery提交form表单插件jquery.form.js

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery.min.js"></script> <script src="jquery.form.js"></scrip

Ajax提交form表单内容和文件（jQuery.form.js）

jQuery官网是这样介绍form.js A simple way to AJAX-ify any form on your page; with file upload and progress support.简单来说就是用ajax提交form表单(含file内容)内容 form.js提供的API方法 API API描述参数 ajaxForm 增加所有需要的事件监听器,为ajax提交表单做准备.ajaxForm并不能提交表单.在document的ready函数中,使用ajaxForm来为a

ajax异步、同步问题，KindEditor ajax提交内容，ajax提交form表单解决按两次的问题

版权声明:本文为博主原创文章,未经博主允许不得转载. 如果ajax不采用异步,整个js代码在服务器返回结果前都将阻塞,alert方法除外 lookUp('lookUp','',100,300,3); showMessage('lookUp','false',false,-1); alert(); callAjaxByName(); title = title? title:"编辑"; $(".modal-title").html(title); $("#m

简单方法实现无刷新提交Form表单

前几天遇到一个前端的问题.我希望提交表单后页面不跳转且不刷新当前页面,然而查了很多方法都没有解决. 由于Form 是提交后一定刷新页面的,所以我们可以用一个折中的办法.我们给Form 指定一个iframe,这样表单提交后刷新的就是我们指定的iframe 而不是页面了. <iframe id="fraSubmit" name="fraSubmit" style="display:none;"></iframe> 定义完成后在

使用ajax提交form表单，包括ajax文件上传转http://www.cnblogs.com/zhuxiaojie/p/4783939.html

使用ajax提交form表单,包括ajax文件上传前言使用ajax请求数据,很多人都会,比如说: $.post(path,{data:data},function(data){ ... },"json"); 又或者是这样的ajax $.ajax({ url:"${pageContext.request.contextPath}/public/testupload", type:"post", data:{username:username},

Jquery通过Ajax方式来提交Form表单

今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); } }); 后来我就想了一下,我要提

ajax提交form表单资料详细汇总

一.ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单.通过在后台与服务器进行少量数据交换,ajax 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新.传统普通的网页(不使用ajax)如果需要更新内容,必须重载整个网页页面. 二.通过ajax提交form实现的登录实例: <body> <h1 align="center">用户登录</h1> &

iframe提交form后将变量返回给iframe

热门专题