【问题标题】:How to do form submit the PHP way with Angularjs?如何使用 Angularjs 以 PHP 方式提交表单?
【发布时间】:2015-04-30 15:16:39
【问题描述】:

我发现AngularJS sort of blocked the original form's way of submithere is another one。我自己发现它很麻烦,因为我需要使用许多旧的提交表单,这些表单在页面刷新后使用 PHP 提交表单的方式来传递 $_REQUESTs 而不是像 $post 或 $get 这样的 JavaScript ajax 调用。

我知道不刷新就提交是不好的。但是,为了处理页面最初的工作方式,我需要提交“PHP方式”,换句话说,表单应该加载相同的页面,并将参数传回给自己,并在页面之后附加参数网址。 (即页面 ​​index.php 将变为 index.php?aVar=123,假设提交的表单包含 $_REQUEST['aVar'] 输入值。

最终结果只要页面重新加载表单的输入成为页面的参数就足够了!

【问题讨论】:

  • 只是不要在表单上使用 angularjs 吗?
  • 我正在尝试使用 angularjs 指令作为组件来与表单集成,以重用部件....这是初衷

标签: javascript angularjs php


【解决方案1】:

啊哈!这是一个简单的解决方法!

所以,请确保在 ng-app 中包含那些使用 angularjs 的表单“输入字段”,这些表单未应用于 DOM 的<form> 级别!很重要!所以现在,ng-app 可以以“普通的 PHP 方式”在表单中使用:D

不能说它适用于所有人,但它适用于这个场景!

干杯!

例如

<body>
<form>
<div ng-app="ngComponent">
<!-- Do your Angular stuff here -->
</div>
<div> <!-- Do non angular stuff here --> </div>


</form>
</body>
</html>

【讨论】:

  • 我觉得这很难理解,请用代码示例更新
  • 基本上,我们只在 DOM 中我们需要实现 angular 的部分启动 ng-app="myApp",而不是整个 html 页面。是这样解释的吗?
  • 我想我明白你的意思了——你的表单中有一个角度组件,但你不希望角度来管理你的表单。现在您的表单仍然是一个基本的 HTML 表单,它可以发布到 PHP,而无需在您的 Angular 应用程序中使用 JavaScript。
猜你喜欢
  • 2014-07-11
  • 2013-08-09
  • 1970-01-01
  • 2015-02-25
  • 2017-08-03
  • 2015-08-11
  • 1970-01-01
  • 2020-10-03
  • 2014-02-07
相关资源
最近更新 更多