加载表单而不显示它

在这个问题中，您希望了解如何在不显示表单的情况下加载表单。这里有一个简单的方法，使用JavaScript和AJAX技术。

首先，创建一个HTML文件，其中包含一个表单和一个按钮。当用户单击按钮时，将触发一个JavaScript函数，该函数将使用AJAX技术加载表单数据。

<!DOCTYPE html>
<html>
<head>
 <script>
    function loadForm() {
      var xhttp = new XMLHttpRequest();
      xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
          document.getElementById("form-container").innerHTML = this.responseText;
        }
      };
      xhttp.open("GET", "form.html", true);
      xhttp.send();
    }
  </script>
</head>
<body>
 <button onclick="loadForm()">加载表单</button>
  <div id="form-container"></div>
</body>
</html>

在这个示例中，当用户单击“加载表单”按钮时，将调用loadForm()函数。该函数使用AJAX技术从form.html文件加载表单数据，并将其插入到form-container元素中。

请注意，您需要将form.html替换为您要加载的表单的实际URL。

这种方法允许您在不显示表单的情况下加载表单数据，并在需要时将其插入到页面中。

页面内容是否对你有帮助？

有帮助

没帮助

使用jquery发布php表单

、、、

我需要任何jQuery代码来发送表单数据，而不刷新页面。方法(POST)：提交表单后显示“正在加载...”消息或“正在加载图像”。如果process.php =1 (true)则隐藏表单并显示ok消息，如果process.php =2( false )则不隐藏表单并显示任何错误消息。

浏览 1提问于2011-05-15得票数 1

1回答

Drupal7网站中的webform提交

、、

它工作得很好，但是当我点击提交按钮而没有填写表单时，当我想要重新加载相同的when表单时，它会转到一个显示结果的页面。如何设置路径，在不填写表单的情况下，点击submit按钮加载webform所包含的页面？

浏览 11提问于2012-11-19得票数 0

1回答

显示表单而不阻塞程序执行

、、、

我试图从我的DLL函数中显示一个简单的表单(它只显示一个标签)。但是，我需要显示此表单而不阻止该函数的执行(例如，显示表单并继续执行函数)。我也尝试过使用：但是，这会导致表单加载到所有其他窗口后面，而控件无法正确加载(只需显示空白框就可以了)。private void ShowXForm()

浏览 1提问于2017-10-09得票数 1

2回答

JQUERY显示/隐藏所需的表单字段。如果不检查就藏起来。显示是否检查但验证失败

我发现这个脚本可以在web表单中使用。当用户单击复选框时，将显示其他必需的表单字段。如果未单击复选框，则不需要隐藏窗体字段。单击复选框。required表单字段显示用户提交表单时不填写所需的字段所需的表单字段在验证失败后页面重新加载后隐藏，但复选框仍被选中。当#4发生时，我希望在页面重新加载后显示字段，因为复选框仍然被选中，而不

浏览 2提问于2011-06-13得票数 1

2回答

表单提交状态成功/失败

、、、、

我有一个非常简单的表单，就像这样...="text1" /> </form> //do stuff }

浏览 0提问于2014-05-13得票数 0

3回答

加载Ruby TestCase而不运行它

、、

我需要它做的是从给定的文件加载一个特定的TestCase (通过require或其他什么)，然后在进行一些计算和初始化后运行它。

浏览 0提问于2013-03-11得票数 1

回答已采纳

2回答

防止页面刷新以在页面上保留成功消息

、

我有一个表单，在用户通过提交按钮发送消息后，给出一个‘成功发送’的消息。但是一秒钟后，包含表单的原始页面将再次显示，因为submit会刷新页面。

浏览 0提问于2012-11-29得票数 0

回答已采纳

3回答

在iframe中张贴表单

、、、、

我想在iframe中发布一个表单，生成如下所示：我正在使用这个答案中的代码：但我不能让它不重新装载父母。我发布了表单，而不是iframe刷新，而是整个父级刷新。

浏览 2提问于2010-06-08得票数 1

1回答

我有一个pdf格式的表单，其中不包含图像，但大量的javascript格式的答案字段(验证，节生成等)。当在acrobat中打开pdf时，这会减慢pdf的速度，以至于用户需要整整25秒才能看到表单的第一页。有没有办法设置pdf来显示预加载器，而它是打开时，给用户的信息，以显示表单正在设置为填写？更多信息:表单正在用LiveCycle编写。它不是在线填写的(所以不需要网页预加载器)，它将在打开、填写并打印出来返回给我

浏览 1提问于2013-01-15得票数 0

1回答

Python: RoboBrowser TypeError: NoneType

、、、

我假设RoboBrowser查找表单的方式有问题，而不返回任何表单。

浏览 2提问于2019-07-01得票数 1

回答已采纳

2回答

是否有任何GUI更新(甚至是异步的)总是阻止我的GUI，例如使用相邻的两种形式？

、、、

我们有一个场景，在一个WinForms应用程序(.NET 4.0)中，我们显示了两个表单。一个窗体中的更改应该会触发另一个窗体中的更改。假设contact A是在一个表单中加载的，那么另一个表单应该显示新选择的联系人的联系人详细信息。例如，当大量数据被加载到网格中时，对GUI的这些更改可能会占用一些时间。理想情况下，我想更新一个表单而不阻塞另一个表单。更新-工作发生在dowork (通过Invoke

浏览 3提问于2014-02-21得票数 2

回答已采纳

2回答

是否使用条件检查表单提交？

、、

是否可以使用if语句检查表单是否已提交？加载页面并单击submit后，将调用此函数。我需要的是AJAX通过POST发送表单数据，然后

浏览 0提问于2011-04-21得票数 0

回答已采纳

4回答

C#：如何防止主窗体过早显示

、

Application.SetCompatibleTextRenderingDefault(false);在主要的表单加载的事情Application.Exit(); } 我的问题是主窗体显示在背景中，我想让它，嗯……不。Application.Run()方法表示它会自动显示表单。是否有

浏览 0提问于2009-01-30得票数 2

回答已采纳

1回答

如何在不刷新的情况下提交表单并显示输出

、、

我正在尝试创建一个简单的计算器，它从用户那里获取一个输入号，并显示它下面的计算结果。代码工作正常，但很明显，它重定向和重新加载页面。我不希望在用户填写表单后立即显示输出。填写表单，提交并显示一条简单的消息，而不刷新

浏览 3提问于2021-12-24得票数 0

3回答

jQuery在提交时停止隐藏分区

、

我在div上有一个简单的显示/隐藏div和一个表单，但是当我提交表单时，div在重新加载时再次隐藏，我如何停止这种行为？

浏览 3提问于2012-07-10得票数 0

回答已采纳

3回答

使用Javascript和跨域iframe

、、、

我有一个从另一个站点加载表单到我的站点的iframe (我控制这两个域，但它们是不同的)。iframe被加载到我的网站上的fancybox中，我希望它在iframe中的表单正在处理时弹出一个AJAX加载图形。

浏览 2提问于2010-11-22得票数 2

回答已采纳

2回答

在关闭fancybox的子iframe时，我希望在不重新加载父屏幕的情况下更新父屏幕上的文本框值

、、、

我在页面1(父页面)中有一个表单，当用户按下一个单选按钮时，fancybox Iframe页面(子页面)就会出现，我在其中得到一个处理后的值。我希望在关闭页面2后将该值传递给父页面1，而不重新加载它，因为我不希望用户重新输入表单值，但我只想以任何格式显示该值，它可以是文本框或打印在div中的消息。谢谢

浏览 0提问于2013-02-11得票数 0

回答已采纳

1回答

使用ajax将表单数据从部分视图发布到控制器

、、

我有一个jquery网格，其中有一个员工Records.To编辑记录的列表有一个链接在每一个row.On点击那一个jquery模型弹出窗口打开并加载部分视图，以显示和编辑的data.But上的按钮(自定义按钮，而不是jquery模型按钮)上的弹出窗口(加载一个部分视图)，客户端验证使用dataAnnotation不工作。如果我制作一个提交表单，比如： e.preventDefault(); var $form =

浏览 1提问于2013-06-18得票数 1

1回答

Node.js只在服务器重新启动时重新加载json文件，尽管应该是动态的。

、、

我的ejs模板中有一个post表单，它通过Ajax/post传递一个对象，而不需要重新加载页面。然后，我的app.js中的处理程序将数据保存到data.json中。所有这些都是完美的。所需的功能是，服务器在每次提交我的表单后都重新加载data.json。此外，我有一个iframe，其中显示加载的数据。因此，这应该在不刷新页面的情况下动态发生。

浏览 2提问于2015-09-22得票数 0

4回答