欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

form提交 如何不刷新 不跳转 方法 亲测有效

(元素模板) / 2017-11-05 21:46
在使用form 提交的时候 如何让 页面 不刷新 不提交呢?

使用以下代码即可 关键部分为红色

<form action="" method="post" target="nm_iframe">  
    <input type="text" id="id_input_text" name="nm_input_text" />  
    <input type="submit" id="id_submit" name="nm_submit" value="提交" />  
</form>  
  
<iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>  

下面是ajax 部分 可有可无

function cgb() { 
 
    $.ajax({  
                cache: true,  
                type: "POST",  
                url:"/app/xxx.php",  
                data:$('#myfrom2').serialize(),// 你的formid  
                async: false,  
                error: function(request) {  
                    alert("Connection error:"+request.error);  
                },  
                success: function(data) {  
alert("提交成功");  
            });  
 
 
 
  
 
 
Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com