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