gpt4 book ai didi

javascript - 如何使用asp.net从Angular 2发送的url中读取JSON数据

转载 作者:太空宇宙 更新时间:2023-11-03 14:58:51 24 4
gpt4 key购买 nike

我正在开发一个简单的 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 框架来完成。

  1. 安装 visual studio 2017。
  2. 安装 .net sdk 框架。
  3. 转到文件 -> 新建 -> 项目 -> ASP .NET 核心 Web 应用程序并确定。
  4. 然后选择 Angular 来创建我们的 Angular 应用程序。
  5. 在 ClientApp 文件夹中编写 Angular 部分。它还包含两个演示供我们引用的文件。
  6. 在 Controllers 文件夹中创建一个 C# 文件用于后端访问。例如我创建了名为 ValuesController.cs 的文件
  7. 我们可以将 Angular 服务文件中的 C# Controller 文件称为“api/Values”(请在 ValuesController.cs 中引用此 URL)
  8. 我们可以在 ValuesController.cs 文件中编写后端代码个人获取,发布功能。在该 Controller 文件中,我们可以获取和发布数据。

谢谢。

关于javascript - 如何使用asp.net从Angular 2发送的url中读取JSON数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47343550/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com