html中提交表单并实现不跳转页面处理返回值 

    <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

posted @ 2017-09-24 11:10  双木君  Views(4393)  Comments(0)    收藏  举报