精华内容
下载资源
问答
  • form提交不跳转,增强用户体验。 工程采用jquery写前端,struts2做一个跳转返回数据。
  • form表单提交不跳转

    千次阅读 2017-10-20 14:26:35
    form表单中的 target的作用是让form提交后在什么窗口下打开,有时候只需要往后台传值,并不需要打开新窗口,可采用写个... 最终,form表单提交会打开iframe,但iframe被我们设置成看不见的,这样form提交时就刷新不跳转

    form表单中的 target的作用是让form提交后在什么窗口下打开,有时候只需要往后台传值,并不需要打开新窗口,可采用写个看不见的iframe

    这样我们写一个iframe,像下面这样设置这个iframe是看不到的。

    <form method="post" target="posthere" action="user-login">
     
    <iframe name="posthere" frameborder=0 width=0 height=0></iframe>
    

    最终,form表单提交会打开iframe,但iframe被我们设置成看不见的,这样form提交时就刷新不跳转

    展开全文
  • form表单提交不跳转的方法

    热门讨论 2013-01-08 18:11:41
    在我们日常web端开发中,通常会遇到需要通过form表单提交而又想让页面跳转的情况,如果使用struct2的情况下可以返回,但是如果用的是spring的mvc这种方法就起作用的。其实很简单,form表单里有个target属性,...
  • form 表单提交不跳转页面

    千次阅读 2018-12-19 17:04:42
    <!DOCTYPE html> 筛选框 , initial-scale=1"> 筛选 确定 重置 ...-- iframe为跳转不提交,如果有数据需要提交的话就把这Iframe标签移除就可以 --> ;">  
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>筛选框</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="./css/reset.css">
        <link rel="stylesheet" href="./css/index.css" />
    </head>
    <body>
        <div class="main">
            <button class="selects">筛选</button>
            <form action="" class="container" method="post" target="nm_iframe">
                <div class="submit clearfloat">
                    <button class="confirm">确定</button>
                    <button class="reset">重置</button>
                </div>
            </form>
        </div>
        <!-- iframe为跳转不提交,如果有数据需要提交的话就把这Iframe标签移除就可以 -->
        <iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>
        <script>
        
        </script>
    </body>
    </html>

     

    展开全文
  • 表单提交不跳转处理

    2016-01-06 11:38:00
    处理过数据 可以对 submit经行提示处理 之后跳转还是不跳转随意 /**  * by wkj 2016-01-06  * //随手封的函数,可根据需要修改 * 功能:提醒函数 点击提交表单 提交文字变成设置的如(已提交成功)持续3...

    最初用ajax,普通的内容都是可以的,但是会遇到文件上传的问题。ajax应该也是可以处理的,我也没去深究。

    考虑换种方式处理,即页面提交 target到 隐藏的iframe 中 ,此时页面是不会跳转的也是实现了数据传递

    如 

    <form  action="xxx.php" method="post" enctype="multipart/form-data" target="frameFile" onsubmit=" return check()">
        ........
        <input type='submit' name='sub' value='提交'>
    </form>
    <iframe name="frameFile" id="frameFile" style="display:none"></iframe>

    处理过数据 可以对 submit经行提示处理 之后跳转还是不跳转随意

    <?php
    /** 
    * by wkj 2016-01-06   
    *  //随手封的函数,可根据需要修改
    * 功能:提醒函数   点击提交表单 提交文字变成设置的如(已提交成功)持续3秒之后跳转 
    * $time 定时时长
    * $bt_id  submit id
    * $bt_old 最终显示文字
    * $bt_notice 定时期间提示文字
    */
    function altN($time,$bt_id,$bt_old,$bt_notice){
    	echo "<script>
    		altN(".$time.",'".$bt_id."','".$bt_old."','".$bt_notice."');
    		function altN(altTime,bt_id,bt_old,bt_notice){
    		parent.document.getElementById(bt_id).value=bt_notice;
    		altTimes(altTime,bt_id,bt_old)
    		function altTimes(altTime,bt_id,bt_old){
    			var set = setInterval(function () {
    			altTime --;
    			if(altTime == 0) {
    				clearInterval(set);
    				parent.document.getElementById(bt_id).value=bt_old
    			} 
    			}, 1000);
    		}
    	}
    	</script>";
    }
    
    altN(2,'sub','提交','已提交成功');
    echo "<script>parent.history.go(-1)</script>";
    die;


    转载于:https://my.oschina.net/u/2411815/blog/598261

    展开全文
  • ajax实现表单提交不跳转

    千次阅读 2017-05-12 19:00:50
    // jquery 表单提交 $("#showDataForm").ajaxSubmit(function(message) { // 对于表单提交成功后处理,message为提交页面saveReport.htm的返回内容 alert(message); }); return false; // 必须返回false,否则...

    通过ajaxSubmit()函数和<form>的onsubmit实现。

    首先要引入jquery.form.js才能使用ajaxSubmit()函数

    <script type="text/javascript" src="<?php echo JS_URL;?>jquery.form.js"></script>

    html:

    <form id="showDataForm" action="<?php echo SITE_URL;?>/test/ajaxTest" method="post" οnsubmit="return saveReport();">
    名称:<input name="name" type="text" /><br />
    密码:<input name="password" type="password" /><br />
    手机:<input name="mobile" type="text" /><br />
    说明:<input name="memo" type="text" /><br />
    <input type="submit" value="提 交" />
    </form>



    js:

    <script type="text/javascript">
    //$("form").submit(function() {return false;}); // 禁用 form 提交,页面不会跳转
    function saveReport() { 
    // jquery 表单提交 
    $("#showDataForm").ajaxSubmit(function(message) { 
    // 对于表单提交成功后处理,message为提交页面saveReport.htm的返回内容 
    alert(message);
    }); 
    return false; // 必须返回false,否则表单会自己再做一次提交操作,并且页面跳转 
    } 
    </script>



    展开全文
  • 1.form表单提交数据默认是跳转页面那么如何阻止呢 废话多说上代码 <form target="form" action="<%=request.getContextPath()%>/uploadImg.do" id="domeform" method="post" enctype="multipart/form-...
  • html form表单提交不跳转新页面

    千次阅读 2018-05-16 11:07:59
    &lt;form enctype="multipart/form-data" method="post" action="" id="myForm" target="frame1"&gt;&lt;/form&gt;...frame&q
  • 最初用ajax,普通的内容都是可以的,但是会遇到文件上传的问题。...处理过数据 可以对 submit经行提示处理 之后跳转还是不跳转随意/***bywkj2016-01-06*//随手封的函数,可根据需要修改*功能:提醒函...
  • &lt;head&gt; &lt;base target="_self"&gt;&lt;/base&gt; &lt;/head&gt;  
  • 我们上篇教程提到,要获取 HTTP 请求数据,可以通过 $_GET、$_POST、$_REQUEST 等 PHP 内置的超全局变量,如果要获取 Cookie ...1、GET 请求参数我们知道,HTTP GET 请求是没有请求实体(表单请求数据)的,所有对于 G...
  • 我想利用form表单,向后台提交数据的时候,总会跳转到另外一个页面,让我很苦恼。 这是我做的一个请假系统(内容是我自己编的,不是真实的信息,只作为参考) 当我点击选项并提交之后系统会跳转到一个页面,这个...
  • Form提交表单页面不跳转

    千次阅读 2019-02-14 09:38:10
    Form提交表单页面不跳转
  • 1.1 解决方案一表单action提交数据,但页面不跳转,可以使用Iframe解决。实例:Form提交表单页面不跳转账户:密码:注意:Form元素的target属性一定是指定要显示返回结果的iframe元素的name属性。Iframe元素可以放到...
  • form表单提交页面不跳转

    千次阅读 2016-11-08 23:24:49
    form表单提交页面不跳转: jsp页面可以在头部里加
  • form表单提交数据而进行页面跳转的方法,除了ajaxsubmit函数
  • struts2form表单提交跳转不到新的页面! form 表单里的值再后台也能拿到,可是返回success后,跳转不到配置的路径 struts配置 <result name="success" >/jhczc/czfw_sq.jsp </action>
  • 表单提交页面不跳转

    2016-04-05 19:38:19
    页面发生表单不跳转,我们可以ajax的形式   当然,有时候有原始的形式,形如: document.userForm.action=contextPath+"/user.do?user_id="+userId;  document.userForm.submit();   这个时候...
  • Form表单提交数据不跳转

    万次阅读 2016-09-30 10:23:55
    关于如何在form表单submit之前执行、执行之后不跳转
  • 主要介绍了Form表单提交刷新页面如何不跳转,实现源码如下,大家不妨参考参考
  • 今天小编就为大家分享一篇vue 解决form表单提交不跳转页面的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • ajax提交表单数据不跳转

    千次阅读 2017-05-13 19:17:40
    1.onsubmitform表单的onsubmit方法在submit执行之前提交表单 <script type="text/javascript"> function sub() { // jquery 表单提交 $("#formId").ajaxSubmit(function(message) { // 对于表单提交成功后
  • 如何在 form 表单提交后实现页面跳转用ajax 提交 不要用提交按钮 用普通按钮 按钮的 click事件中 进行ajax 就可以 function sub(){var name= $("#uname").value();$.ajax({ url:url, data:{uname:name}, complete:...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,713
精华内容 685
关键字:

表单提交不跳转