AngularJS:以正常方式提交

前端之家收集整理的这篇文章主要介绍了AngularJS:以正常方式提交前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在一个现有的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(可以动态生成)进行硬编码.

猜你在找的Angularjs相关文章