自动提交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();