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

吉娜

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在AngularJS中使用jQuery

来自分类Dev

在angularjs中使用jQuery?

来自分类Dev

在angularjs中使用jQuery?

来自分类Dev

如何在AngularJS中使用jQuery Select2

来自分类Dev

Rails:如何在表单提交按钮中使用 jQuery UJS 加载动画?

来自分类Dev

如何使用angularJs在提交按钮不在此表单之外时验证表单?

来自分类Dev

使用jQuery加载AngularJS

来自分类Dev

如何在不提交表单的情况下在php同一页面中使用jquery变量

来自分类Dev

当我使用JQuery加载页面时,表单的提交不起作用

来自分类Dev

如何在angularJS指令中使用jQuery插件(semantic-ui)?

来自分类Dev

如何在jquery或angularjs中使用具有特定属性的标签名称获取元素

来自分类Dev

如何在 AngularJS 中使用 jQuery SlideUp 方法的 vanilla JavaScript 要点

来自分类Dev

如何在使用laravel提交表单时修复页面重新加载相同

来自分类Dev

使用browserify时如何在AngularJS中包括jQuery?

来自分类Dev

如何在AngularJS中使用表单创建下拉列表

来自分类Dev

如何在jQuery中使用or(||)

来自分类Dev

如何在chrome中使用jquery提交多个表单?(在Firefox中工作)

来自分类Dev

jQuery 无法提交使用 jQuery 加载的表单

来自分类Dev

如何在Phonegap中使用angularJs?

来自分类Dev

如何在TypeScript中使用Angularjs

来自分类Dev

如何在AngularJS中使用Keydown事件

来自分类Dev

如何在AngularJs的指令中使用$ location

来自分类Dev

如何在angularjs中使用addClass方法

来自分类Dev

如何在AngularJS资源中使用JSONP

来自分类Dev

如何在{{}} AngularJS中使用JavaScript

来自分类Dev

如何在angularjs中使用split

来自分类Dev

如何在AngularJS中使用乘法模型

来自分类Dev

如何在AngularJs的指令中使用$ location

来自分类Dev

如何在AngularJS资源中使用JSONP

Related 相关文章

  1. 1

    如何在AngularJS中使用jQuery

  2. 2

    在angularjs中使用jQuery?

  3. 3

    在angularjs中使用jQuery?

  4. 4

    如何在AngularJS中使用jQuery Select2

  5. 5

    Rails:如何在表单提交按钮中使用 jQuery UJS 加载动画?

  6. 6

    如何使用angularJs在提交按钮不在此表单之外时验证表单?

  7. 7

    使用jQuery加载AngularJS

  8. 8

    如何在不提交表单的情况下在php同一页面中使用jquery变量

  9. 9

    当我使用JQuery加载页面时,表单的提交不起作用

  10. 10

    如何在angularJS指令中使用jQuery插件(semantic-ui)?

  11. 11

    如何在jquery或angularjs中使用具有特定属性的标签名称获取元素

  12. 12

    如何在 AngularJS 中使用 jQuery SlideUp 方法的 vanilla JavaScript 要点

  13. 13

    如何在使用laravel提交表单时修复页面重新加载相同

  14. 14

    使用browserify时如何在AngularJS中包括jQuery?

  15. 15

    如何在AngularJS中使用表单创建下拉列表

  16. 16

    如何在jQuery中使用or(||)

  17. 17

    如何在chrome中使用jquery提交多个表单?(在Firefox中工作)

  18. 18

    jQuery 无法提交使用 jQuery 加载的表单

  19. 19

    如何在Phonegap中使用angularJs?

  20. 20

    如何在TypeScript中使用Angularjs

  21. 21

    如何在AngularJS中使用Keydown事件

  22. 22

    如何在AngularJs的指令中使用$ location

  23. 23

    如何在angularjs中使用addClass方法

  24. 24

    如何在AngularJS资源中使用JSONP

  25. 25

    如何在{{}} AngularJS中使用JavaScript

  26. 26

    如何在angularjs中使用split

  27. 27

    如何在AngularJS中使用乘法模型

  28. 28

    如何在AngularJs的指令中使用$ location

  29. 29

    如何在AngularJS资源中使用JSONP

热门标签

归档