javascript - 自动提交 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>  ";
}

非常感谢-乔

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();