how to sent array data as formdata angular 4

Question

I tried to post an array of data is not sending to 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 ts file

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>

Eitan Seri-Levi · Accepted Answer · 2018-02-22 07:44:24Z

2

Right now your deleteCategory() method is making a POST request to the specified endpoint with an empty request body.

Here is a simple example on how to include an array of objects in a POST request using Angulars HttpClient

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

If you wanted to send FormData (if for example you're uploading a file to a server)

 const frmData = new FormData();
 frmData.append("fileUpload", file)
 this.http.post('some url', frmData, {headers:...})

answered Feb 22, 2018 at 7:44

Eitan Seri-Levi

3413 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Eliseo Over a year ago

if you're using httpClient (not teh "old fasion" http) you neen't JSON.stringify

Mixalloff · Accepted Answer · 2018-02-22 06:41:11Z

2

You have to create FormData object and append you array in this object. It's looks like

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

answered Feb 22, 2018 at 6:41

Mixalloff

8374 silver badges10 bronze badges

Collectives™ on Stack Overflow

how to sent array data as formdata angular 4

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related