Question

我不明白我应该如何在javascrpt中制作post方法，例如：

curl -X POST --header "Content-Type: application/json" --header "Accept: application/json" -d "{
  \"name\": \"GreatNight\",
  \"city\": \"Tehran\"
}" "http://localhost:3000/api/CoffeeShops"

如何在javascript中看起来像这段代码？

Answer 1

使用jQuery ajax

$.ajax({
  type: 'POST',
  url: "http://localhost:3000/api/CoffeeShops",
  data: {
    name: "GreatNight",
    city: "Tehran"
  },
  dataType: "json",
  accepts: {
    text: "application/json"
  }
});

Answer 2

这是解决方案：

<强> HTML

<ion-content>
  <ion-list>
    <ion-item>
      <ion-label fixed> shop name </ion-label>
      <ion-input type="text"[(ngModel)]="name" > </ion-input>
    </ion-item>

    <ion-item>
      <ion-label fixed> city </ion-label>
      <ion-input type="text" [(ngModel)]="city"> </ion-input>
    </ion-item>

    <ion-item>
      <button ion-button block large (click)="post()">post  </button>
    </ion-item>

  </ion-list>

</ion-content>

<强> page2.ts

import { Component } from '@angular/core';
import { Http, Headers, RequestOptions } from '@angular/http';
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/toPromise';

import { NavController, NavParams } from 'ionic-angular';

@Component({
  selector: 'page-page2',
  templateUrl: 'page2.html'
})
export class Page2 {
  public name;
  public city;
  constructor( public navCtrl: NavController, public navParams: NavParams, public http: Http) {   }

post(){
let headers = new Headers(
{
  'Content-Type' : 'application/json'
});
let options = new RequestOptions({ headers: headers });

let data = JSON.stringify({
  name:this.name,
  city:this.city
});
console.log(data);
let url = 'http://localhost:3000/api/CoffeeShops';
return new Promise((resolve, reject) => {
  this.http.post(url, data, options)
  .toPromise()
  .then((response) =>
  {
    console.log('API Response : ', response.json());
    resolve(response.json());
  })
  .catch((error) =>
  {
    console.error('API Error : ', error.status);
    console.error('API Error : ', JSON.stringify(error));
    reject(error.json());
  });
});
}

}

如何在javascript中实现loopback CURL？

2 个答案: