wie geschickt array-Daten als formdata-Winkel 4

Versuchte ich post ein array von Daten ist nicht das senden an server:

webservice:

 deleteCategory() {
    return  this.http.post('http://www.demo/webapi/deletecategory', { 
        headers: {
          "Authorization": "Token " + this.token,
          "Content-Type": "application/x-www-form-urlencoded"
        },
        withCredentials: true
      }
      )
    }

in der ts-Datei

onDelete() {
      this.userService.deleteCategory().subscribe(response => {
      this.selectedArray = [];
     for (var i = 0; i< this.selection._selected.length; i++){
     this.selectedArray.push(this.selection._selected[i].category_id) ;
     console.log(' selected value:', this.selectedArray);

     }
    })
      }

in html

<button class="btn-danger pull-right" (click)="onDelete()" type="button"  >Delete</button>

InformationsquelleAutor linto johny | 2018-02-22

  1. 1

    Nun Ihre deleteCategory() Methode ist Sie eine POST-Anforderung an den angegebenen Endpunkt mit einem leeren request-body.

    Hier ist ein einfaches Beispiel, wie ein array von Objekten in einer POST-Anforderung mit Angulars HttpClient

    this.http.post('some url', JSON.stringify(yourArrayOfObjects), {headers: ...})

    Wenn Sie wollten, senden Sie FormData (wenn zum Beispiel Sie das hochladen einer Datei auf einem server)

     const frmData = new FormData();
 frmData.append("fileUpload", file)
 this.http.post('some url', frmData, {headers:...})
    wenn Sie mit httpClient (nicht teh "old fasion" http") du neen nicht JSON.stringify

    InformationsquelleAutor Eitan Seri-Levi

  2. 1

    Erstellen Sie FormData - Objekt, und fügen Sie array in das Objekt ein. Es sieht aus wie

    function createFormData(yourArray) {
  const fd = new FormData();
  fd.append(
    'keyName',
     new Blob( [ JSON.stringify( yourArray ) ], { type : 'application/json' } ) );
  return fd;
}

    InformationsquelleAutor Mixalloff

Schreibe einen Kommentar