如何在页面加载时提交表单而不在 AngularJS 中使用 jquery？答案

【问题标题】：How to submit a form on page load without using jquery in AngularJS?如何在页面加载时提交表单而不在 AngularJS 中使用 jquery？
【发布时间】：2017-11-28 21:43:18
【问题描述】：

我在 AngularJS 应用程序中有一个表单。由于跨域问题，我需要在页面加载时自动提交此表单，而不使用 jquery。

当我使用提交按钮提交表单时，它可以工作，并且目标 URL 会加载到浏览器中。如果我删除提交按钮并尝试在 onload 事件中提交，这没用。该页面仅显示“;”。知道为什么 onload 在这里不起作用吗？谢谢！

<form name="myForm" method="post" action="@Model.Settings["URL"]" ng-controller="PostCtrl">
    <input type="hidden" name="Name" value="{{Details.Name}}">
    <input type="hidden" name="Amount" value="{{Details.Amount}}">

     @*<button type="submit" class="action blue"><span class="label">Click here</span></button>*@

    <script>
        window.onload = function () {
            document.myForm.submit();
        }
    </script>
</form>

【问题讨论】：

你可以在你的角度控制器中提交表单。

标签： javascript angularjs forms http-post

【解决方案1】：

我有一些建议给你。但首先你必须在表单中添加一个 id：1：转到你的 <html> 元素并在那里调用 onload 函数 --> <html onload="document.getElementById('yourform').submit();"> 或 2：用 php 调用 JavaScript 函数

<?php
echo "<script>document.getElementById('yourform').submit();</script>";
?>

或 3：尝试将您的脚本更改为

<script>
window.onload = function () {
            document.getElementById('yourform').submit();
        }
</script>

【讨论】：