如何在脚本中循环表单动作？答案

【问题标题】：How to loop form action in script?如何在脚本中循环表单动作？
【发布时间】：2018-05-07 03:11:07
【问题描述】：

我是 Web 开发的新手，通常我习惯于软件开发，但学习 Web 开发让我很困惑。请原谅我的新手问题

我要做的是测试我的数组（dMains）中的每个域，以便脚本可以检查每个域，因为目标是使其适用于每个域。希望你们能帮助我，非常感谢。

<!DOCTYPE html>
<html>
    <body onload="loopdMains()">
        <script>history.pushState('', '', '/')</script>
        <script>
            var dMains=["my.firstdomain.com","my.seconddomain.com"];

            function loopdMains()

            {
                for(var i=0;i<dMains.length;i++)
                {

                <form action=(i) method="POST">
                <input type="hidden" name="type" value="excl" />
                <input type="hidden" name="action" value="update" />
                <input type="hidden" name="period" value="1" />

                }
            }

        </script>
    </body>
</html>

【问题讨论】：

您不能直接在 JavaScript 代码中编写 HTML。见this post。创建一个字符串，然后将其附加到 DOM。
你想达到什么目的？
您可以使用 JavaScript 更改表单操作，例如 document.querySelector('form').action = dMains[i]。如果您尝试在多个域上测试 API 调用，我建议您使用更好的工具，例如具有多个环境的 Postman。
@31piy 好的，谢谢你，我会研究它。
@PrajvalM 在“表单操作”中循环每个域。例如。第一个循环
my.firstdomain.com"> 以及下面的 3 行代码。第二个循环

myseconddomain.com> 连同下面的 3 行代码

标签： javascript html arrays loops

【解决方案1】：

如果您只想发送 post 请求并检查响应，请使用 xhhtp、jquery 或 axios 来执行 post 请求。将 eventListener 附加到您的窗口对象并在您有响应时触发它。您可以选择在这些例如设置 url。

//JQuery
$.ajax({ 
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
}

//axios
axios.post(url, callbackFunction);

在您的循环设置 url 参数中以及在您获得响应后的回调中调度事件。听 6 个这样的，然后你就完成了。

【讨论】：