我正在开发一个简单的 Angular 2 响应式表单。我使用 ASP.NET 和 SQL 服务器作为我的后端来存储表单数据。我使用 Angular 服务从 Angular 2 将表单数据发送到 asp.net 页面，在那里我无法读取这些表单数据。
这是我发送表单数据的 Angular 代码。
import { Injectable } from '@angular/core';
import { Http, Response, Headers, RequestOptions } from '@angular/http';
import { Observable } from 'rxjs/observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/do';
import 'rxjs/add/operator/catch';
import { User } from './signup.interface';
@Injectable()
export class SignupService {
headers: Headers;
options: RequestOptions;
private producturl = "http://172.21.41.70:8081/DB-Connect/";
constructor(private _http: Http) {
this.headers = new Headers({
'Content-Type': 'application/json'
});
this.options = new RequestOptions({ headers: this.headers });
}
postDetails(user: User): Observable<User[]> {
// console.log(user);
let body = JSON.stringify(user);
console.log(body);
return this._http.post(this.producturl, body, this.options)
.map((response: Response) => response)
.do(data => console.log(JSON.stringify(data)))
.catch(this.handleError);
}
/*private extractData(res: Response) {
console.log(res);
let body = res.json();
return body || {};
}*/
private handleError(error: Response) {
console.log(error);
return Observable.throw(error.json().error());
}
}
这是我的 asp.net 代码
Response.ContentType = "text/plain";
using (WebClient wc = new WebClient())
{
var json = wc.DownloadString("http://localhost:4200");
Response.Write(json);
}
在执行代码时，我得到的 Angular 索引页面完全作为输出。我没有收到我发送的任何 JSON 数据。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Demo</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
<script type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="polyfills.bundle.js"></script><script type="text/javascript" src="styles.bundle.js"></script><script type="text/javascript" src="vendor.bundle.js"></script><script type="text/javascript" src="main.bundle.js"></script></body>
</html>
请帮我读取asp.net 页面中的JSON 数据。提前致谢
最佳答案
以 .NET 作为后端的 Angular 2 项目可以通过安装 Visual Studio 2017 和 .NET SDK 框架来完成。
- 安装 visual studio 2017。
- 安装 .net sdk 框架。
- 转到文件 -> 新建 -> 项目 -> ASP .NET 核心 Web 应用程序并确定。
- 然后选择 Angular 来创建我们的 Angular 应用程序。
- 在 ClientApp 文件夹中编写 Angular 部分。它还包含两个演示 供我们引用的文件。
- 在 Controllers 文件夹中创建一个 C# 文件用于后端访问。例如我 创建了名为 ValuesController.cs 的文件
- 我们可以将 Angular 服务文件中的 C# Controller 文件称为“api/Values” (请在 ValuesController.cs 中引用此 URL)
- 我们可以在 ValuesController.cs 文件中编写后端代码 个人获取，发布功能。在该 Controller 文件中，我们可以获取和发布数据。
谢谢。
关于javascript - 如何使用asp.net从Angular 2发送的url中读取JSON数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47343550/