angularjs - refactor XMLHttpRequest to $http

Question

I want the following code

var request = new XMLHttpRequest();
    request.open("PUT", dbServer + "/configItemAdd");
    request.send(new FormData(form));
    request.onreadystatechange = function () {
        if(request.readyState == 4 && request.status == 200) {   window.location.reload(); }
};

to look like this

     const fd = new FormData(form);
     $http({
         method: 'PUT',
         url: dbServer + "/configItemAdd",
         data: fd
     }).then(function (resp){
         window.location.reload();
     });

the problem is I get two error messages: with just labels and no file input I get SyntaxError: Unexpected token # in JSON at position 0

and with file input I get PayloadTooLargeError: request entity too large

the XMLHttpRequest code is working with and without input files. Please help :S

you need to set headers as Content-Type', 'multipart/form-data' as well — Aswin Ramesh
– Aswin Ramesh, Commented Dec 20, 2017 at 9:36

skdonthi · Accepted Answer · 2017-12-20 10:10:56Z

1

You have to add an extra header i.e. {'Content-Type': 'multipart/form-data'} to your request

const fd = new FormData(form);
 $http({
     method: 'PUT',
     url: dbServer + "/configItemAdd",
     Content-Type: 'multipart/form-data'
     data: fd
 }).then(function (resp){
     window.location.reload();
 });

answered Dec 20, 2017 at 10:10

skdonthi

1,4721 gold badge22 silver badges38 bronze badges

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

Collectives™ on Stack Overflow

angularjs - refactor XMLHttpRequest to $http

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related