【问题标题】:How to pass info between Angular and C# ASP.NET? [closed]如何在 Angular 和 C# ASP.NET 之间传递信息? [关闭]
【发布时间】:2016-04-17 16:23:41
【问题描述】:

我使用 ASP.NET (aspx) 作为我的 Web 应用程序的前端,并使用 C# 作为后端并与数据库通信。但是,我更喜欢在前端使用 Angular,它确实加快了我的开发时间。

我目前关于如何使用 .NET 创建 Web 应用程序的知识有很多 ASPX 代码,它们可以与我的 C# 代码自动通信。但是,我希望我的 Angular/Javascript 代码与我的 C# 通信(例如发送用 Angular 编写的表单以由 C# 发布到我的数据库)。

我听说我可以使用 AJAX 来执行此操作,或者使用 ScriptManager.RegisterClientScriptBlock 等特殊功能。但是,我太缺乏经验,无法直观地了解如何使其工作。有人可以解释一下(双方的代码示例)这是如何完成的吗?

【问题讨论】:

  • 您可以对 MVC REST 服务进行 AJAX 调用,请参阅msdn.microsoft.com/en-gb/magazine/dd943053.aspx
  • 您需要一个 Web 服务或至少在您的代码中使用一些静态 WebMethod,然后使用 ajax 调用它。你可以寻找 jQuery ajax 方法,或者如果你不使用 jQuery,谷歌 JavaScript XMLHttpRequest。
  • ajax 调用 ->route ->controller->return data->ajax 成功回调,然后你在 javascript 中的一个变量中获取所有数据

标签: javascript c# asp.net angularjs ajax


【解决方案1】:

如果您想使用 Angular,请使用 Angular 库与您的服务器端代码进行通信。

https://docs.angularjs.org/api/ng/service/$http

或者如果是 RESTful API:

https://docs.angularjs.org/api/ngResource/service/$resource

例如,查看 Asp.net Web Api 以了解您的服务器端代码。谷歌上有很多关于这个的例子。

【讨论】:

    【解决方案2】:

    我假设您说的不是 ASP.Net Web 表单,它不能轻松地与 AngularJS 一起使用。

    许多人将 AngularJS 与 ASP.Net Web API 一起使用,但有些人将 ASP.Net MVC 和 Web API 结合使用。

    我个人喜欢Mini SPA(筒仓)。你可以看AngularJS & ASP.NET MVC Playing Nice - Miguel Castro

    您也可以通过他的website 下载源代码。

    仅供参考:我还使用Angular.Net Helpers 来生成强类型视图。 PluralSight 有一个名为Strongly-typed AngularJS Apps with ASP.NET MVC 的课程。

    【讨论】:

    • 是时候编辑这个答案了。该视频不再可用。
    • @Benjamin 谢谢你让我知道。我更新了视频链接。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多