javascript - AngularJS组织简单的Ajax程序?

标签 javascript php jquery ajax angularjs

该程序分为三个主要部分。一个是输入表单,一个是php文件,最后一个是表格。当用户在输入表单中输入查询时,php 文件应根据输入表单中输入的内容执行自定义查询,然后以 JSON 格式返回结果。然后应根据结果制作表格。 而且,如果用户在输入表单中输入新的查询,旧表应该被新表替换。

我想知道这种程序的最佳 AngularJS 结构是什么?我在想以下内容:我制作了一个 Controller ,并将一些结果字典列表添加到 Controller 的 $scope 中,它存储了 sql 查询的 JSON 输出。我还将输入表单绑定(bind)到某个变量 $scope.input。然后,我将一个函数 $scope.performQuery() 添加到查询中,它根据 $scope.input 对 PHP 文件进行自定义 AJAX 调用,这当然意味着我应该让我的 Controller 依赖于 $http。

这是最好的结构化方法吗?我是 AngularJS 的新手,所以我不确定是否有更优雅的方法。

最佳答案

将 PHP 视为一项服务,并根据其关注点拆分 Angular 客户端。

例如

服务

  • PHP - 返回 JSON 对象数组

客户端

  • 将调用 PHP 并将结果绑定(bind)到 $scope 变量的 Angular Controller
  • 将 $scope 变量绑定(bind)到 HTML 表的 HTML 页面模板。 (有很多关于如何执行此操作的示例,但这里有一个显示它的答案 Bind json to HTML table with AngularJS on page load )

关于javascript - AngularJS组织简单的Ajax程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31004700/

相关文章:

jquery - bassistance 表单验证中的错误

jquery - 固定布局水平滚动,如 Google Plus

javascript - 如何使用 Node 在 mongoose 中使 isModified 为真

php - Javascript 比较数组中的字符串

php - 数据为 UTF-8,Ajax 错误返回一些字符

php - 如何将动态数据从 mysql 拉到 anguarJS 然后谷歌地图标记

javascript - HTML/JS 水平滚动 DIV "list"

javascript - 如何进一步将 Array.prototype.reduce() 项减少到新的子组中

当 child 徘徊时,Javascript body 不滚动 parent

javascript - 如果只有一张图像,如何停止 slider