如何讓javascript填寫並在另一個網頁上提交表單

Question

讓我首先談談談到java腳本和網絡我是一個完整的NOOB ...所以我有一個網站管理人們在哪裏以及什麼他們正在工作，如果他們需要幫助。我正在使用電話差距來製作我的應用程序，而且我想知道是否可以在電話缺口上按下按鈕並讓JavaScript在我的網頁上填寫表單，然後提交它，以便我可以處理該數據？我不知道如何做到這一點或如何甚至接近它我想我應該先問專家 我試圖連接到的形式是。我通過燒瓶處理這種形式在python：

   <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在你的PhoneGap，這可能是相當矯枉過正僅此。

爲此，我建議這種做法：

<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> 

這將發佈所有你投入參數，你把它的URL數據。如果你將它指向你的表單頁面，它應該可以工作。

如果沒有，（jQuery方法不能正常工作），您可能需要向接收頁面添加一些標題以允許它從外部頁面接收數據。這裏需要Access-Control-Allow-Origin標頭，您可以在其中提供安全域列表。由於您的應用程序是不是一個域但是，你可以添加到您的接收頁面（假設你正在運行PHP）：

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

嘗試不先運行它，雖然，因爲它會打開你的表格給大家。