Как построить данные JSON в виде данных в угловых 4

Question

Как отправить нижеуказанный json как данные формы?Попробовал JSON.stringify и он не работает.

{
   name: 'starwars',
   year: 1977,
   data: [{ 
    'id': 'c5f6d301-328e-4167-8e13-504afb9a030e', 
    'item': 'bc4db36e-9e7c-478d-93a2-d4be32dacec1', 
    'qty': '1' 
  },
  { 
    'id': 'c5f6d301-328e-4167-8e13-504afb9a030e', 
    'item': 'bc4db36e-9e7c-478d-93a2-d4be32dacec1', 
    'qty': '1' 
  },
 ],
}

Answer 1

import { Injectable, OnInit } from '@angular/core'
import { Http, Headers, URLSearchParams, RequestOptions } from '@angular/http'
import { Observable, Subject } from 'rxjs/Rx'
import 'rxjs/add/operator/map'
import 'rxjs/add/operator/catch'

@Injectable()
export class YifyMoviesProvider {
    constructor(public http: Http) {

    }
    postData(): Observable < any > {
        let jsonData = {
            name: 'starwars',
            year: 1977,
            data: [{
                    'id': 'c5f6d301-328e-4167-8e13-504afb9a030e',
                    'item': 'bc4db36e-9e7c-478d-93a2-d4be32dacec1',
                    'qty': '1'
                },
                {
                    'id': 'c5f6d301-328e-4167-8e13-504afb9a030e',
                    'item': 'bc4db36e-9e7c-478d-93a2-d4be32dacec1',
                    'qty': '1'
                },
            ],
        };
        let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded', 'Accept': 'application/json' })
        let options = new RequestOptions({
            headers: headers
        })
        let body = new URLSearchParams()
        body.set('mydata', JSON.stringify(jsonData))
        return this.http.post(`yourip`, body, options).
        map(res => res.json())
        .catch((error: any) => {
            return Observable.throw(new Error(error.status))
        })
    }
}

Incase, если вы хотите опубликовать данные json в Rest api как данные формы, это будет работать в угловых 4!

Answer 2

 var jsonData = {
   'name': 'starwars1',
   'year': 1977,
   'data': [{ 
    'id': 'c5f6d301328416e', 
    'item': 'bc4db36e-9e7c-478d-93a2-d4be32dacec1', 
    'qty': '1' 
  },
  { 
    'id': 'c5f6d301-328e-4167-8e13-504afb9a030e', 
    'item': 'bc4db36e-9e7c-478d-93a2-d4be32dacec1', 
    'qty': '1' 
  },
 ],
};

Answer 3

    var jsonData = {
   name: 'starwars',
   year: 1977,
   data: [{ 
    'id': 'c5f6d301-328e-4167-8e13-504afb9a030e', 
    'item': 'bc4db36e-9e7c-478d-93a2-d4be32dacec1', 
    'qty': '1' 
  },
  { 
    'id': 'c5f6d301-328e-4167-8e13-504afb9a030e', 
    'item': 'bc4db36e-9e7c-478d-93a2-d4be32dacec1', 
    'qty': '1' 
  },
 ],
};
var formData = new FormData();
Object.keys(jsonData).forEach((key)=>{formData.append(key,jsonData[key])});

Надеюсь, вы спрашиваете об этом. Теперь вы можете опубликовать данные формы на свой Rest Api.