양식 제출 후 실행을 계속 실행하는 방법은 무엇입니까?

Question

특정 사이트에 간단한 양식 제출 기능을 쓰고 있습니다. 스크립트는 현재 페이지의 특정 양식을 채우고 양식을 제출합니다. 또한 첫 번째 양식이 제출되고이 양식을 제출 한 후에 나타나는 두 번째 양식을 작성해야합니다.

즉, 작성하고 제출해야하는 2 가지 양식이 있습니다.

그러나 문제는 정상적인 페이지에서 스크립트가 채워지고 첫 번째 양식이 제출된다는 것입니다. 제출 후 그러나, 스크립트가 작동을 멈 춥니 다! 나는 계속 사형 집행을하고 싶다!

2 프레임짜리 페이지에서 실수로했습니다! 대부분의 페이지에는 프레임이 없습니다!

function FillFirstForm(){ 
    doc=document; 
    //Some code removed from above...Fill Values 
    doc.forms[0].name.value = answerarray[1]; 
    doc.forms[0].address.value = answerarray[2]; 
    doc.forms[0].phone.value = answerarray[3]; 
    doc.forms[0].username.value = answerarray[4]; 

    //And Press Button 
    doc.forms[0].submit.click(); 

    iTimer=setInterval(FillSecondForm,5000); 
    return true; 
} 

function FillSecondForm(){ 
    clearInterval(iTimer); 
    doc.forms[0].tags.value = answerarray[5]; 
    doc.forms[0].reference.value = answerarray[6]; 
    document.forms[0].submit.click(); 
    return true; 
} 

Answer 1

기본 규칙은 페이지의 모든 스크립트 실행을 중지하고 다음 페이지를로드한다는 것입니다. 그것에 대해 아무 것도 할 방법이 없습니다.

Ajax를 사용하여 양식의 내용을 보내야 할 수도 있습니다. 그러면 현재 페이지가 활성 상태로 유지되고 원하는만큼 많은 제출을 할 수 있습니다.

매우 쉬운 방법은 jQuery form plugin입니다. 이 과정에서 많은 번거로운 수동 작업이 필요합니다.

Answer 2

첫 번째 양식을 제출하면 두 번째 양식의 본문 하중에서 FillSecondForm() 함수를 호출 할 수 있습니까?

Answer 3

첫 번째 양식을 AJAX로 POST 한 다음 첫 번째 양식에 대한 응답을 수신 한 후 두 번째 양식을 제출할 수 있습니다. 아마도 이런

뭔가 :

function FillFirstForm() { 

    var post_data = 'name='+escape(answerarray[1]); 
    post_data += '&address='+escape(answerarray[2]); 
    post_data += '&phone='+escape(answerarray[3]); 
    post_data += '&username='+escape(answerarray[4]); 

    // TODO: make this cross browser :) 
    var req = new XMLHttpRequest(); 

    req.onreadystatechange = function() { 
     if (req.readyState == 4) { // The request has finished 
      if (req.status == 200) { 
       FillSecondForm(); 
      } 
      else { 
       // Deal with errors here 
      } 
     } 
    }; 

    req.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
    req.open('POST', '/submit_url', true); 
    req.send(post_data); 
} 

W3 학교는 여기 AJAX에 대한 자습서가 있습니다 http://www.w3schools.com/ajax/ajax_xmlhttprequest_create.asp를, 웹에 더 많은있다.