如何使用 JavaScript/AngularJS 从数据库/模型中获取数据

Posted 2023-05-09

【中文标题】如何使用 JavaScript/AngularJS 从数据库/模型中获取数据

【英文标题】：How to get data from Database/Model with JavaScript/AngularJS

【发布时间】：2017-06-14 12:41:57

【问题描述】：

我是 ASP .NET、MVC 和 AngularJS 的新手，所以我还在努力解决这一切。

我有一个名为 Words.cs 的模型，其中包含：

namespace liveSearch.Models

    public class Words
    
        public int ID  get; set; 
        public string Word get; set; 
    

数据库已经填充了数据，我想使用 javascript/JQuery 从数据库中获取每个 Word，然后使用 AngularJS 将其显示在我的 index.cshtml 页面上。

我目前在我的 index.cshtml 中有 Razor：

@
     foreach (var item in Model)
     
         <li>
             @Html.DisplayFor(modelItem => item.Word)
         </li>
     
 

这适用于获取和显示模型中的所有单词，但我想摆脱 Razor 并使用 JavaScript/Jquery 获取数据并使用 AngularJS 将其显示在那里。

理想情况下，我想从数据库中获取所有单词（我不关心 ID）并将其添加到范围内的数组中。然后我可以使用 AngularJS 通过使用ng-repeat 来显示每个单词。

问题是我不知道如何从数据库/模型中将所有单词放入范围内的数组中。

我想我可以使用$.get() 或$.ajax()，但我真的不知道如何将它与数据库/模型一起使用。

谢谢

【参考方案1】：

Angular 是一种客户端技术。 .Net 是服务器端。您的 .net 代码必须更改为 Angular 代码能够使用的 API。我建议您阅读 WebApi 以创建一个 RESTful 服务，然后您的 Angular 代码可以使用该服务。

【讨论】：

好吧，忘记 Angular。我至少可以使用 JavaScript/JQuery 获取数据库数据吗？

JavaScript 和 jQuery 也是客户端技术。他们仍然需要来自服务器端的 RESTful API（或等效的）。值得投资学习它。