html中提交表單並實現不跳轉頁面處理返回值

阿新 • • 發佈：2017-09-24

html value put 提示 pan sdn type detail all

    <html>  
        <head>  
            <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>    
            <!-- 處理iframe回調的代碼塊 -->  
            <script type="text/javascript">  
                var handlerFlag = 0;  
                      
                function setOnloadCallBask(obj,  
event, handler) {         
                    //for most explores  
                    if (null != obj && null != obj.addEventListener) {   
                        obj.addEventListener(event, handler, false);   
                    }   
                    //for IE  
                    else if 
 (null != obj && null != obj.attachEvent) {  
                        obj.attachEvent(‘on‘+event, handler);   
                    }   
                    //not support  
                    else {  
                        //選擇dom元素錯誤  
                        throw new Error(‘不支持該dom元素‘);  
                    }  
                }     
                 
/*  
                *call back.  
                */  
                function ActionHandler()  {  
                     //alert("call");  
                     //文檔加載或刷新時也會調用，因此需要通過標誌位控制，提交時將標誌位置為1，在這裏處理之後修改標誌位為0  
                    if(0 != handlerFlag)  {  
                        //do action  
                        alert("123123");  
                        var value = document.getElementById("ifActionResult").contentWindow.document.body.innerHTML;  
                                            if(null!=value)  {  
                                                 var obj = eval("("+value+")");    
                                                 if(obj.result=="ok")  {  
                                                    top.document.location.href="resource.shtml";  
                                                 }      
                                                 else {  
                                                    window.parent.doNotice(obj.message);                   
                                                 }  
                                            }  
                                            //update flag.  
                        handlerFlag = 0;  
                    }  
                }     
                  
                function sub()  {  
                    handlerFlag = 1;  
                }                                     
            </script>  
            <!-- 處理其他功能的代碼塊 -->  
            <script type="text/javascript">  
                $(document).ready(function()  {  
                    //註意這裏最好在文檔加載完成的時候再獲取元素，否則可能獲取到的一直是null  
                    setOnloadCallBask(document.getElementById("ifActionResult"),‘load‘,ActionHandler);        
                });           
            </script>  
        </head>  
        <body>      
            <h1 id="myHeader">這是標題</h1>  
            <p>點擊標題，會提示出它的值。</p>      
            <iframe id="ifActionResult" name="ifTmp" width="1px" height="1px" style="display: none;"></iframe>  
            <form action="" target="ifTmp">  
               <input type="submit" onClick="sub();" value="測試"/>  
            </form>  
        </body>  
    </html>

其實我要找的是前端提交表單後，php怎麽通過輸入的js來調用原頁面中的js函數，然後無意就看到這個，之前也是有遇到額，順便收藏下。

原：http://blog.csdn.net/smilefyx/article/details/49332433

html中提交表單並實現不跳轉頁面處理返回值

html value put 提示 pan sdn type detail all <html> <head> <script type="text/javascript" src="h

谷歌Chrome瀏覽器提交表單無效，無法跳轉，a標籤不起作用的解決方案

今天遇到一個坑爹的問題，找了很久才弄清楚原因，在此給廣大網友分享一下解決這個問題的經驗，以便少走彎路。造成表單form無法提交的原因是，谷歌瀏覽器自作聰明的認為這屬於“重複提交”，於是被谷歌瀏覽

php實現點擊文字提交表單並傳遞數據至下一個頁面

asc div echo data -- 提交表單 blog 類型使用 <?php $id="4";//等會要把這個數據傳到第二個頁面 ?> <?php echo "<li>";

通過form的action屬性提交表單並接收處理返回值的方法（頁面不跳轉）

通過form的action屬性提交表單，這個很容易。但是，由於這種方式是同步提交，所以會導致頁面跳轉，且不好拿到返回值。一般都用ajax代替。有些情況ajax是不能使用的，嚴格的說是不好使用的。例如檔案上傳功能。 <input type = "file"> 通過fo

HTML中關於表單的提交和輸入的值是否為空

文章出處：http://blog.csdn.net/lvhuiyang/article/details/53192277 html的預設方式提交 <form action="/server_url" method="post" id="form"><

html中form表單提交中文亂碼問題基本解決辦法

辦法很簡單，只需在form表單中加入下面的話：<html> <head> <meta http-equiv="Content-Type" content="

利用jquery.form.js的ajaxSubmit實現不跳轉提交表單資料

我們直接通過form提交的話，提交後當前頁面跳轉到form的action所指向的頁面。然而，很多時候我們比不希望提交表單後頁面跳轉，那麼，我們就可以使用ajaxSubmit(obj)來提交資料 1. //form表單阻止提交 <form onsubm

在HTML中禁止表單回車就提交操作

在HTML頁裡面由於使用了form，常常需要禁用enter提交表單。因為內容頁或者母版頁自身有如果有type="submit"的button,當textbox聚焦時，按下enter都會觸發表單的預設提交（不論是IE還是firefox），於是需要在onkeydown

jQuery使用ajaxSubmit()提交表單（在不希望頁面跳轉的情況下）

ont .ajax 引入當前 data fun get orm mit 原文：http://www.jb51.net/article/48728.htm ajaxSubmit(obj)方法是jQuery的一個插件jquery.form.js裏面的方法，所以使用此方法需要先

Java Web中提交表單之後跳轉到WebContent目錄下的子目錄裡的jsp檔案

最近在做一個系統，需要完成登入動能進行跳轉到另一個頁面。在這個專案裡面，我把 jsp,css,js檔案都統一放在 WebContent 目錄下的一個 WebPage 裡面。按照以前的習慣，寫好了 servlet 之後在 web.xml 裡面完成配置，但由於平時 jsp 檔案都是直接

JSP-實驗：表單傳值-提交表單並傳遞、獲取資料

JSP-實驗：表單傳值-提交表單並傳遞、獲取資料說明: 參考連結在最後1 我這個版本執行過，反正沒大問題，但是用參考的那個網頁上的內容，就會出錯……原因也寫在後面了。實驗實驗內容：利用表單傳遞資料，此題目包含01.html、01.jsp

vue框架中的表單輸入框不支援focus以及blur事件的解決方案

採用指令的方式來解決這個問題(此處的前端框架以mint-ui為例): 1.html引用: v-mtfocus 2.在例項中新增指令 directives: { 'mtfocus' (el, binding, vnode) { let mtinput = el.query

提交表單到servlet時出現空白頁面，但又不報錯

碰到問題時的部分問題程式碼如下： <form action="<%=request.getContextPath() %>/LoginServlet" onsubmit="return login();" method="post"> 我在裡面加了一段：

Ajax提交表單時獲取不到 KindEditor 內容

動態建立hidden提交表單並提交

var dlform = document.createElement('form'); dlform.style = "display:none;"; dlform.method = 'post'; dlform.action = '../fileServlet'; dlform.target = 'cal

基於jquery的實現非同步跨域提交表單的實現程式碼，需要的朋友可以參考下。

1.使用post提交方式 2.構造表單的數格式 3.結合form表單的submit呼叫ajax的回撥函式。使用 jQuery 非同步提交表單程式碼： <html xmlns="http://www.w3.org/1999/xhtml"> <he

利用ajax提交表單，實現資料前端後臺資料互動的完整流程演示

該演示需要用到 1 : json.jar(下載) 2 : jquery.js(下載) 流程演示：1.點選“登入”按鈕，傳參到後臺 2.後臺獲取資料，處理分析資料，利用JSO

form表單提交批量上傳檔案，不重新整理不跳轉頁面

jsp： <form action="inImg.do" method="post" enctype="multipart/form-data" target="nm_iframe"> <table> <tr>

完美解決layui框架中提交表單後confirm詢問視窗判斷阻止問題

注意： $("#changeForm").submit(); 與 return false;這兩個是關建中的關鍵！ form.on('submit(changePwd)', function(data){ layer.confirm('您確認要提交嗎？', {

ajax.BeginForm非同步提交表單並顯示更新資料

1  2 2 <div class="profile_box" id="basicInfo"> 3 3 <h2>基本資訊</h2> 4 4 5 5

html中提交表單並實現不跳轉頁面處理返回值

相關推薦