Ant Design of Angular使用ajax傳送資料到ssm
阿新 • • 發佈:2018-12-10
第一步匯入元件
import {Http,Headers} from "@angular/http";
第二步依賴注入
constructor(private http:Http) { }
第三步設值請求頭資訊
private headers = new Headers({'Content-Type':'application/Json'}); //設定請求頭資訊
第四步方法編寫
test(){ //向哪裡傳送資料 var url='http://127.0.0.1:8080/cms/classify/add' //post有三個引數:url,傳送的資料,請求頭資訊 this.http.post(url, JSON.stringify({'hello':'你好'}), {headers:this.headers}).subscribe(function(data){ //如果成功 },function(err){ //如果失敗 }); }
完整的例項
import { Component, OnInit } from '@angular/core'; import {Http,Headers} from "@angular/http"; @Component({ selector: 'app-workerclassify', templateUrl: './workerclassify.component.html', styleUrls: ['./workerclassify.component.css'] }) export class WorkerclassifyComponent implements OnInit { constructor(private http:Http) { } private headers = new Headers({'Content-Type':'application/Json'}); //設定請求頭資訊 test(){ var url='http://127.0.0.1:8080/cms/classify/add' //三個引數:url,傳送的資料,請求頭資訊 this.http.post(url, JSON.stringify({'hello':'你好'}), {headers:this.headers}).subscribe(function(data){ //如果成功 },function(err){ //如果失敗 }); } ngOnInit() { } }