javascript - 如何在 AngularJS 中不使用 jquery 的情况下在页面加载时提交表单?

标签 javascript angularjs forms http-post

我在 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>

最佳答案

我有一些建议给你。但首先您必须在表单中添加一个 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>

关于javascript - 如何在 AngularJS 中不使用 jquery 的情况下在页面加载时提交表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47541398/

相关文章:

javascript - jQuery.css 不适用于通过追加添加的元素?

javascript - 允许通过父元素看到的子元素

mysql - 用于在 Web 应用程序中存储和检索异构文件的 Blob 或文件系统

angularjs - 如何使用 angularjs 将单页 PDF 文档转换为预览图像

javascript - Angularjs 通过字符串名称将提供程序注入(inject)到模块工厂函数中以进行缩小

c# 将窗体固定到桌面

javascript - 需要超出范围的 post/get 请求的 Angular 响应,有什么建议吗?

javascript - 如何使用 this.form.submit() 通过 <select> <option> 表单发送值

javascript - 使用带有输入表单的javascript更改html

javascript - 如何使用 Tippy.js 或 Popper.js 消除屏幕边缘的填充