자바 스크립트를 작성하고 다른 웹 페이지에서 양식을 제출하는 방법

Question

Java 스크립트와 네트워킹에 관해서는 시작부터 시작하겠습니다. 완전한 NOOB입니다. 그래서 사람들이 어디서 무엇을 관리하는지 웹 사이트가 있습니다. 그들은 일을하고 있고 도움이 필요한지 아닌지하고 있습니다. 내 응용 프로그램을 만들기 위해 전화 간격을 사용하고 있으며 전화 간격에 단추를 사용할 수 있는지 자바 스크립트가 내 웹 페이지의 양식을 채운 다음 제출하여 해당 데이터를 처리 할 수 ​​있는지 궁금합니다. 나는 이것을 수행하는 방법이나 그것을 접근하는 방법에 대한 단서가 없다. 나는 전문가에게 먼저 물어보아야한다고 생각했다. 연결하려는 양식이있다. 나는 플라스크를 통해 파이썬에서이 양식을 처리 :

   <form action="" method="POST" id = "stuff"> 
        <dl> 
         <dt> 
         <input type=text name=gc> 
         <input type=text name=cursquad> 
         <input type=text name=trap> 
         <input type=text name=scrtkey> 
         <input type="submit"> 


       </form> 

Answer 1

당신은 jQuery로 AJAX와 POST 요청을 사용할 수 있지만 당신은 매우 잔인한 사람 만이이 될 수있는, 당신의 폰갭에 jQuery를해야합니다.

그 때문에 나는이 방법을 권하고 싶습니다 : 이것은 당신이주는 URL에 매개 변수로 넣어 모든 데이터를 게시 할 예정입니다

<script> 
function loadXMLDoc() { 
    var url = "http://example.com"; 
    var parameters = "foo=bar&bar=baz"; // Construct you form values like field=value&field2=value2&... 

    var xmlhttp = new XMLHttpRequest(); 
    xmlhttp.onreadystatechange = function() { 
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
     var response = xmlhttp.responseText; 
    } 
    } 
    xmlhttp.open("POST", url, true); 
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
    xmlhttp.setRequestHeader("Content-length", parameters.length); 
    xmlhttp.setRequestHeader("Connection", "close"); 
    xmlhttp.send(parameters); 
} 
</script> 

. 양식 페이지로 이동하면 작동합니다.

그렇지 않으면 (jquery 접근 방식은 기본적으로 작동하지 않음) 수신 페이지에 일부 헤더를 추가해야 외부 페이지에서 데이터를 수신 할 수 있습니다. 여기서는 안전한 도메인 목록을 제공 할 수있는 Access-Control-Allow-Origin 헤더가 필요합니다. 응용 프로그램이 있지만 도메인에없는 때문에, 당신은 (당신이 PHP를 실행하는 가정)하여 수신 페이지에이를 추가 할 수 있습니다 : 그것은 모든 사람을위한 양식을 엽니로

header('Access-Control-Allow-Origin: *'); 

는하지만 첫번째없이 실행 해보십시오.