首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular2无法在Web Api (asp.net核心)上发布对象

Angular2无法在Web Api (asp.net核心)上发布对象的原因是因为Web Api (asp.net核心)使用的是基于HTTP协议的RESTful API,而Angular2是一个前端框架,主要用于构建单页应用程序。在RESTful API中,数据的传输是通过HTTP请求和响应进行的,而对象是无法直接通过HTTP传输的。

解决这个问题的方法是将对象转换为JSON格式,然后通过HTTP请求发送给Web Api。在Angular2中,可以使用HttpClient模块来发送HTTP请求,并且可以使用JSON.stringify()方法将对象转换为JSON字符串。

在Web Api中,可以使用Newtonsoft.Json库来处理接收到的JSON字符串,并将其转换回对象。可以使用[FromBody]特性将JSON字符串绑定到对象上。

以下是一个示例代码:

在Angular2中发送HTTP请求:

代码语言:txt
复制
import { HttpClient, HttpHeaders } from '@angular/common/http';

// ...

constructor(private http: HttpClient) {}

// ...

let obj = { name: 'John', age: 30 };
let jsonStr = JSON.stringify(obj);

let headers = new HttpHeaders({ 'Content-Type': 'application/json' });

this.http.post('api/endpoint', jsonStr, { headers: headers }).subscribe(
  response => {
    console.log(response);
  },
  error => {
    console.error(error);
  }
);

在Web Api中接收并处理请求:

代码语言:txt
复制
using Newtonsoft.Json;

// ...

[HttpPost("api/endpoint")]
public IActionResult Endpoint([FromBody] string jsonStr)
{
    var obj = JsonConvert.DeserializeObject(jsonStr);
    
    // Process the object
    
    return Ok();
}

这样就可以在Angular2中将对象发送给Web Api,并在Web Api中接收并处理对象了。

推荐的腾讯云相关产品:腾讯云云服务器(https://cloud.tencent.com/product/cvm)和腾讯云云数据库MySQL版(https://cloud.tencent.com/product/cdb_mysql)。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

一个空ASP.NET Web项目创建一个ASP.NET Web API 2.0应用

由于ASP.NET Web API具有与ASP.NET MVC类似的编程方式,再加上目前市面上专门介绍ASP.NET Web API 的书籍少之又少(我们看到的相关内容往往是某本介绍ASP.NET MVC...虽然被命名为“ASP.NET Web API”,但是这个消息处理管道却是独立于ASP.NET平台的,这也是为什么ASP.NET Web API支持多种寄宿方式的根源所在。...为了让读者朋友们先对ASP.NET Web API具有一个感性认识,接下来我们以实例演示的形式创建一个简单的ASP.NET Web API应用。...三、以Web Host方式寄宿Web API 我们在上面已经提到过了,虽然被命名为ASP.NET Web API,但是其核心的消息处理管道却是独立于ASP.NET平台的,所以我们可以对相同的Web API...GlobalConfiguration的静态属性Configuration返回一个代表当前配置的HttpConfiguration对象,全局路由表就注册它的Routes属性

4.5K110

TutorialsTeacher 中文系列教程【翻译完成】

——教员 在线阅读 在线阅读(Gitee) ApacheCN 学习资源 目录 ASP.NET Core 教程 ASP.NET MVC 教程 控制反转教程 ASP.NET Web API 教程 LINQ...教程 TypeScript 教程 Angular2 教程 AngularJS 教程 Node.js 教程 D3.js 教程 SASS 教程 jQuery 教程 JavaScript 教程 Python...虽然我们追求卓越,但我们并不要求您做到十全十美,因此请不要担心因为翻译犯错——大部分情况下,我们的服务器已经记录所有的翻译,因此您不必担心会因为您的失误遭到无法挽回的破坏。...(改编自维基百科) 联系方式 负责人 飞龙: 562826179 其他 我们的 apachecn/tutorialsteacher-zh github 提 issue....我们的 组织学习交流群 中联系群主/管理员即可.

14630

Succinctly 中文系列教程(三)20220109 更新

核心教程 零、ASP.NET 核心介绍 一、什么是 .NET 核心ASP.NET 核心?...二、微软 Web 栈简史 三、入门 .NET 核心 四、ASP.NET 核心基础 五、超越基础:应用框架 六、如何部署 ASP.NET 核心应用 七、用于开发 ASP.NET 核心应用的工具 八、展望未来...:自适应布局、导航和应用的生命周期 二、处理文件:存储、数据库和设置 三、与网络交互 四、 Windows 商店发布应用 Succinctly 微软机器人框架教程 零、简介 一、机器人框架概述 二...、我们的第一个机器人 三、发布我们的机器人 四、QPX 快递 API 五、机票预警机器人 Succinctly 自然语言处理教程 一、自然语言处理 二、我们构建什么 三、提取句子 四、提取单词 五、...虽然我们追求卓越,但我们并不要求您做到十全十美,因此请不要担心因为翻译犯错——大部分情况下,我们的服务器已经记录所有的翻译,因此您不必担心会因为您的失误遭到无法挽回的破坏。(改编自维基百科)

18.4K20

ASP.NET Core + Angular 2 Template for Visual Studio服务器端预加载的意义何在?Webpack 开发中间件模块热拔插(HMR)

多个月以来,我和多个Github的社区贡献者一起建立支持库、包,我们最终的目的是希望完成这样一个作为起点的模板,也就是基于把Typescript代码和Angular2宿主ASP.NET Core项目中...,再发布过程中,这些工作将自动完成。...假如你是Linux和MacOS开发,或者使用其他IDE,使用我们的Yeoman生成器来获得VS Code或者其他编辑器对于Angular2、React、React+Redux或者knockout项目的相同支持...创建并且运行项目 当你完成安装以上所有内容后,你可以打开VS2015 创建新项目,展开Web目录,选择 ASP.NET Core Angular2 Starter Application(.NET Core...第一件事,虽然通常angular2运行在浏览器里,但是ASP.NET Core Server也可以让他运行在服务器端,所以它可以仅将HTML代码发送到浏览器,不需要javascript就可以显示内容。

3.3K60

Angular的12个经典问题,看看你能答对几个?(文末附带Angular测试)

ngOnDestroy:Angular销毁指令/组件之前清除。取消订阅可观察的对象并脱离事件处理程序,以避免内存泄漏。...Angular2中,组件中发生的任何改变总是从当前组件传播到其所有子组件中。如果一个子组件的更改需要反映到其父组件的层次结构中,我们可以通过使用事件发射器api来发出事件。...Shadow DOM以及其它一些技术,使开发人员能够像标签一样构建自己的一级标签,Web组件和API。总的来说,这些新的标签和API被称为Web组件。...因为shadow DOM本质是静态的,同时也是开发人员无法访问的,所以它是一个很好的候选对象。因为它缓存的DOM将在浏览器中呈现得更快,并提供更好的性能。...其中,反应最为迅速的就是Wijmo,Wijmo Angular2 发布几个小时后就发布了支持 Angular2 正式版本的 Wijmo。

17.3K80

Web开发在过去20多年时间里如何改变了我

ASP.NET MVC出现了,web这个东西开始再次比ASP.NET WebForms感受更自然点。从一个ASP.NET开发人员的角度来看,web开始变得更好:更加干净、灵活、轻便和自然。...NodeJS通过服务器使用JavaScript再次改变了世界。你只需要两个不同的语言(HTML和JavaScript),就可以来创建很酷的web应用。...这也就是说使用无状态的web工作,而不是试图修复它。使用Request和Response比传统的ASP.NET MVC工作起来更直接,比ASP.NET WebForms甚至就更直接得多。...和简化了的、简约的服务器端框架,服务器部分就被减少到仅仅用于REST服务提供静态文件和数据。 正是这个时候,深入了解TypeScript变得有了意义。但是到这个时间点为止,它对我还没有意义。...Angular2是应该好好研究TypeScript的一个原因,因为现在的Angular2完全是用TypeScript写的。

1.5K60

ASP.NET 5系列教程 (一):领读新特性

跨平台CLR 微软将发布针对于Linux 和 Mac OS X 发布跨平台运行时。这意味着你的.NET应用具备了Mac 和Linux 设备运行的能力。微软将和 Mono 社区合作完成这一新特性。...合并MVC, Web APIWeb 页 早期版本中, MVC、Web APIWeb 页一直使用着不同的方式实现着相同的功能,可以说是殊途同归。...预览版本中, MVC and Web API 首先被合并到MVC 6中。 Web 页面将后在后续发布版本中添加。...开源 ASP.NET源码已经发布到GitHub中。不仅仅提供了当前版本源代码,微软也承诺会同步更新GitHub中的源码,你可以及时查看到ASP.NET 的变化,可以下载并且提交更改到GitHub。...不过,无法使用ASP.NET 5 核心CLR新特性。

3.2K80

IIS 7.0探索用于 Windows Vista 的 Web 服务器和更多内容

当您无法添加或扩展 Windows Vista 中的管理对象时,可以使用 Microsoft.Web.Administration 和其他 API,就像现有 IIS 配置部分一样,访问和管理自定义配置部分...新的可扩展 API 是一组直观的 C++ 类,这些类定义了 Web 服务器对象模型,并使一个模块能够 IIS 提供请求处理服务。...此外,这与自从 Windows 2000 ASP.NET 1.0 发布以来 ASP.NET 提供的用于构建 ASP.NET 模块和处理程序的 API 是相同的。...此外,由于运行库限制,即使对于 ASP.NET 资源,也无法 ASP.NET 中实现某些 Web 服务器功能。例如,它不能检查传出 HTTP 响应标头集并在发送到客户端之前修改它们。...总结 Windows Vista 中发布的 IIS 7.0 旨在为下一代 Web 应用程序平台提供最佳体系结构基础,其重点是用于 Web 服务器的正确核心体系结构、可扩展性和管理平台。

5K90

AngularJS2.0 教程系列(一)

快速变化的WEB 语言方面,ECMAScript6的标准已经完成,这意味着浏览器将很快支持例如模块、类、lambda表达式、 generator等新的特性,而这些特性将显著地改变JavaScript的开发体验...开发模式方面,Web组件也将很快实现。然而现有的框架,包括Angular1.x对WEB组件的支持都不够好。 移动化 想想5年前......现在的计算模式已经发生了显著地变化,到处都是手机和平板。...@Component最重要的作用是通过selector属性(值为CSS选择符),指定这个组件渲染到哪个DOM对象。 @View最重要的作用是通过template属性,指定渲染的模板。 3....以组件为核心 Angular1.x中,bootstrap是围绕DOM元素展开的,无论你使用ng-app还是手动执行bootstrap()函数,自举过程是建立DOM之上的。...支持多种渲染引擎 以组件而非DOM为核心,意味着Angular2在内核隔离了对DOM的依赖 - DOM仅仅作为一种可选的渲染引擎存在: ?

2.4K10

Angular2:从AngularJS 1.x 中学到的经验

Scope AngularJS 中的数据绑定机制是利用scope 对象来实现的。我们首先在scope 对象添加各种属性,然后模板中显式声明需要绑定这些属性(单向绑定或者双向绑定都可以)。...把scope API 整体删掉之后使得Angular 2 得到了大幅度简化,我们不再需要显式注入scope 了,只要把属性直接添加到UI 组件,然后再进行绑定操作即可。...这种API 让人感觉更简单也更自然。 《迈向Angular2》一书第4 章会详细学习组件和脏值检测机制。...《迈向Angular2》一书第5 章会进一步学习依赖注入API。 服务端渲染 Web 需求越大,web 应用就变得越复杂。...在在《迈向Angular2》第3 章中我们将详细讨论TypeScript。 模板 模板是AngularJS 1.x 的核心特性之一。

2.7K10

ASP.NET MVC 随想录——开始使用ASP.NET Identity,初级篇

ASP.NET Universal Providers 设计的不足,微软接受了大量反馈后,于.NET Framework 4.5 中推出了ASP.NET Identity,如果用一句话概括——ASP.NET...ASP.NET 框架上,例如 ASP.NET MVC, Web Forms,Web Pages,ASP.NET Web API 和SignalR ASP.NET Identity 可以用在各种应用程序中...•    NuGet 包 ASP.NET Identity 作为一个 NuGet 包进行发布,并且安装在ASP.NET MVC,Web Forms 和 ASP.NET Web API 项目模板中。...ASP.NET Identity以NuGet包的形式发布,这样能让ASP.NET 团队更好的Bug修复和迭代新功能,与此同时,开发人员可以第一时间获取到最新版本。...添加ASP.NET Identity 包 Identity以包的形式发布NuGet,这能够很方便的将它安装到任意项目中,通过Package Manger Console输入如下命令来安装Identity

3.5K80

.net core快速上手

时代重新设计的一个开发平台,从ASP.NET MVC 1.0 进化到ASP.NET MVC 6.0也就是这个Web的进化过程,在这个进化过程中,针对WEB的不同场景出现了三个平台MVC,WEB API和...统一的编程模型 我们.NET Framework/Mono上有4个Web编程模型,ASP.NET  WebForm、ASP.NET MVC 、ASP.net Web API、 SignalR。...我的应用程序往往是混合的,不仅包括Web Form,MVC还包括SignalR和 Web API,我们的应用程序搞得很复杂,ASP.NET Core重新设计,把ASP.NET MVC、ASP.NET Web...依赖注入 面向对象的领域里,依赖注入是面向对象的五大原则之一,.NET Framework/Mono的社区里存在大量的Inversion of Control(IOC)机制的框架。...开发进程中,团队同步维护多个示例项目,例如经典的 MusicStore,及时回归核心特性、保障稳定性。

1.8K60

ASP.NET MVC随想录——漫谈OWIN

等部署IIS,事实2010年前并没有什么不妥,但随着近些年来Web的发展,特别是移动互联网飞速发展,IIS作为Web Server已经暴露出他的不足了。...主要体现在两个方面,ASP.NET (System.Web)紧耦合IIS,IIS紧耦合OS,这就意味着,我们的Web Framework必须部署微软的操作系统,难以跨平台。...而ASP.NET核心正是System.Web这个程序集,而且System.Web紧耦合IIS,他存在于.NET Framework中。...所以我们需要OWIN来解耦,面向对象的世界里,接口往往是解耦的关键,如下图所示: ?...对于Web API、SignalR这类Web Framework中间件而言,我们仅仅是改变了他们的托管方式,而不是取代ASP.NET WEB API、SignalR原先的应用程序开发。

1.3K110
领券