如何在其他网页上填写并提交表单

时间:2014-01-13 00:47:49

标签: javascript html forms cordova

我有一个网站,管理人们在哪里以及他们在工作中做了什么,以及他们是否需要帮助。

我正在使用手机间隙来制作我的应用程序,我想知道是否可以在手机间隙上按一个按钮并让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>

1 个答案:

答案 0 :(得分:1)

你可以使用jquery的AJAX post请求,但是你的phonegap中需要jquery,这可能只是因为这个而言太过分了。

因此我推荐这种方法:

<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: *');

首先尝试运行它,因为它会为每个人打开表单。