自動提交HTML表單

Question

我有一個Javascript函數，它獲取兩個變量。然後我得到了JS生成一行HTML，這是一個填充這兩個變量的表單。我設置了發佈到服務器的方法，並且表單被隱藏。我想知道如何獲得這個自動提交，因爲我真的不想使用提交按鈕。

var x=document.getElementById("demo"); 
function getLocation() 
    { 
    if (navigator.geolocation) 
    { 
    navigator.geolocation.getCurrentPosition(showPosition); 
    document.geo.submit() 
    } 
    else{x.innerHTML="Geolocation is not supported by this browser.";} 
    } 
function showPosition(position) 
    { 
    x.innerHTML= 
    "<form action='' name='geo' method='post'> Longitude: <input type='int' name='longitude' value='"+ position.coords.longitude +"'> Latitude: <input type='int' name='latitude' value='"+ position.coords.latitude +"'> </form> "; 
} 

非常感謝 -Joe

Answer 1

建立與DOM，而不是HTML內的形式。然後將其附加到文檔並調用其方法submit。

var form = document.createElement('form'); 
    form.action = location; 
    form.method = 'POST'; 
var long = document.createElement('input'); 
    long.name = "longitude"; 
    long.value = position.coords.longitude; 
var lat = document.createElement('input'); 
    lat.name = "latitude"; 
    lat.value = position.coords.latitude; 
form.appendChild(long); 
form.appendChild(lat); 
x.appendChild(form); 
form.submit();