如何使用asp.net從Angular 2發送的URL中讀取JSON數據

Question

我正在開發一個簡單的Angular 2反應形式。 我使用ASP.NET和SQL Server作為后端來存儲表單數據。 我使用angular服務從angular 2將表單數據發送到asp.net頁面，在那里我無法讀取那些表單數據。

這是我發送表格數據的角度代碼。

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);
        }

在執行代碼時，我完全獲得了角度索引頁面作為輸出。我沒有收到我發送的任何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數據。 提前致謝

Answer 1

使用.NET作為后端的Angular 2項目可以通過安裝Visual Studio 2017和.NET SDK框架來完成。

安裝Visual Studio 2017。
安裝.net SDK框架。
轉到“文件”->“新建”->“項目”->“ ASP .NET核心Web應用程序”，然后確定。
然后選擇Angular創建我們的Angular應用程序。
ClientApp文件夾中的Code Angular部分。 它還包含兩個演示文件供我們參考。
在Controllers文件夾中創建一個C＃文件以進行后端訪問。例如，我創建了一個名為ValuesController.cs的文件。
我們可以將Angular服務文件中的C＃控制器文件稱為“ api / Values”（請在ValuesController.cs中引用此URL）
我們可以在各個get，post函數內的ValuesController.cs文件中編寫后端代碼。 在該控制器文件中，我們可以獲取和發布數據。

謝謝。

如何使用asp.net從Angular 2發送的URL中讀取JSON數據

問題描述

1 個解決方案

解決方案1
0 2017-12-05 09:41:11

如何使用asp.net從Angular 2發送的URL中讀取JSON數據

問題描述

1 個解決方案

解決方案1 0 2017-12-05 09:41:11

解決方案1
0 2017-12-05 09:41:11