AngularJS：以正常方式提交

发布时间：2020-12-17 09:26:54 所属栏目：安全来源：网络整理

导读：我正在一个现有的Web应用程序上实现AngularJS,需要一个常见的HTTP POST,就像没有AngularJS一样. 这似乎比我预期的要困难得多页面URL是动态生成的,不能使用PHP回显.我尝试使用jQuery修改表单操作,但似乎也不起作用. 以正常方式提交表单真的不可能吗？这是我的

我正在一个现有的Web应用程序上实现AngularJS,需要一个常见的HTTP POST,就像没有AngularJS一样.

这似乎比我预期的要困难得多页面URL是动态生成的,不能使用PHP回显.我尝试使用jQuery修改表单操作,但似乎也不起作用.

以正常方式提交表单真的不可能吗？这是我的意思与正常的形式：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <form method="post">
        <input type="text" name="txt">
        <input type="submit" name="submit">
    </form>
</body>
</html>

这与AngularJS是一样的：

<!DOCTYPE html>
<html ng-app>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
</head>
<body>
    <form method="post">
        <input type="text" name="txt">
        <input type="submit" name="submit">
    </form>
</body>
</html>

第一个表单执行常规表单,第二个表单不执行.根据http://docs.angularjs.org/api/ng.directive:form这是按设计,我可以在表单中提供“action”参数.把它留空是不行的,使用jQuery修改它似乎也不起作用.

我遇到同样的问题.只要AngularJS发现一个空(或缺少)操作属性,它将阻止任何提交按钮/输入实际提交表单.

我设法解决问题,只需添加action =“#”属性即可.

这只是一个解决方法,在POST URL结尾会出现丑陋的情况,但可以使用.优点是您不需要在HTML代码中对POST URL(可以动态生成)进行硬编码.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!