1. 程式人生 > >Ant Design of Angular使用ajax傳送資料到ssm

Ant Design of Angular使用ajax傳送資料到ssm

第一步匯入元件

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() {
  }

}

補:ssm怎麼接收資料?

連線