JavaScript-форма открывает «бесконечные» вкладки

-1

У меня есть скрипт, который получает форму с полями, заполненными собой, и у меня есть код, который автоматически отправляет форму каждые x секунд.JavaScript-форма открывает «бесконечные» вкладки

Проблема в том, что я добавил этот атрибут (target = "_ blank") в форму, но форма продолжала выполнять код и создавать новую вкладку бесконечно.

Я хочу, чтобы мой скрипт создал новую вкладку для обработки формы, а второй раз, когда выполняется мой скрипт, использовать ту же вкладку для обновления страницы обработки.

Могу ли я сделать это в JavaScript?

<form target="_blank" name="myForm" id="myForm" action="process.asp" method="post"> 
     field 1:<input type="text" name="field1" id="field1" /><br> 
     field 2:<input type="text" name="field2" id="field2" /><br> 
    </form> 

    <script type="text/javascript"> // code which executes the submit of form operation 
      window.onload=function(){ 
       var auto = setTimeout(function(){ autoRefresh(); }, 100); 

       function submitform(){ 
        document.forms["myForm"].submit(); 
       } 

       function autoRefresh(){ 
        clearTimeout(auto); 
        auto = setTimeout(function(){ submitform(); autoRefresh(); }, 10000); 
       } 
      } 
    </script>`

источник

2017-02-15 Héctor Valido

Пожалуйста, используйте этот код (используя Ajax). Это поможет вам с ajax и не откроет никаких новых вкладок и поможет отправить форму с последними обновленными датами и временем.

Работает на моей базе.

Пожалуйста, попробуйте его с кодом.

<html> 
    <head> 

    </head> 
    <body> 
     <form target="_self" name="myForm" id="myForm" action="process.asp" method="post"> 
      field 1:<input type="text" name="field1" id="F1" /> 
      <br> 
      field 2:<input type="text" name="field2" id="F2" /> 
      <br> 
      <p id="LastDt"></p> 
     </form> 

     <script type="text/javascript"> // code which executes the submit of form operation 
      window.onload = function() { 
       var auto = setTimeout(function() { 
        autoRefresh(); 
       }, 100); 

       function submitform() { 

        if (window.XMLHttpRequest) 
        { 
         // code for IE7+, Firefox, Chrome, Opera, Safari 
         xmlhttp = new XMLHttpRequest(); 
        } else { 
         // code for IE6, IE5 
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
        } 
        xmlhttp.onreadystatechange = function() { 
         if (this.readyState == 4 && this.status == 200) { 
          document.getElementById("LastDt").innerHTML = "Last Update : " + new Date(); 
         } 
        }; 

        // It send data on process.asp (silently). 
        xmlhttp.open("POST", "process.asp?field1=" + document.getElementById("F1").value + "&field2=" + document.getElementById("F2").value , true); 
        xmlhttp.send(); 
       } 


       function autoRefresh() { 
        clearTimeout(auto); 
        auto = setTimeout(function() { 
         submitform(); 
        }, 10000); 
       } 
      } 

     </script> 
    </body> 
</html>

источник

2017-02-15 13:19:58

Вы можете добавить такую же форму в process.asp и после первого представить открывает новую вкладку ... использовать postMessage API для передачи данных на другую вкладку и иметь его представить оттуда.

Или вы могли бы хранить данные в LocalStorage и использовать storage events в process.asp слушать обновления и отправлять данные

источник

2017-02-15 13:24:19 charlietfl

JavaScript-форма открывает «бесконечные» вкладки

ответ

Смежные вопросы