What is the Angular JS equivalent of this Curl POST command?

Question

I am trying to program the following Curl command using Angular JS. I'm very new to AngularJS, so I may be missing something fundamental.To be specific, this is a mobile app, that is using the ionic framework (which uses Angular JS)

The curl command is this:

curl -X POST  -d "username=xxxx&password=xxxx&action=login&view=console"  http://myserver.com/zm/index.php?skin=xml

This works perfectly from command line.

In AngularJS, I have the following code:

angular.module('starter.controllers').controller('MonitorCtrl', function($ionicPlatform, $scope,$http)
{
            
console.log("***MAKING REQUEST");
                                                 

//$http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";
                                                 
 $http({
    url:'http://myserver.com:9898/zm/index.php?skin=xml',
    method:'post',
    headers: {'Content-Type': 'application/x-www-form-urlencoded',
              'Accept': '*/*',
       },
    transformRequest: function(obj) {
       var str = [];
       for(var p in obj)
       str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
       var foo= str.join("&");
       console.log ("****RETURNING "+foo);
       return foo;
    },
       data: {username:'admin',
              password:'xxxx',
              action:'login',
              view:'console'}
       
  })
                                                 
.success (function()
{console.log("****YAY");
})
.error(function(data, status, headers, config)
{
        console.log("***OOPS "+status + " H: "+data);
});
                                                 
                                                
});

When I run this code, I see a POST request going to my server (I am sniffing using httpry) and a 200OK being returned from the server with the required payload, but my success handler is not being called. The error handler is called with a status of 0

Amir Popovich · Accepted Answer · 2015-04-05 13:40:01Z

1

data should be a json. It depends on your server.

The common way to do it is is using properties on an object:

data: {username: 'xxxx', password: 'xxxx', action: 'login', view:'console'}

but if your server receives a string as an input then:

data: {key: 'username=xxxx&password=xxxx&action=login&view=console'}

answered Apr 5, 2015 at 13:40

Amir Popovich

30.1k9 gold badges58 silver badges102 bronze badges

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

7 Comments

user1361529 Over a year ago

Amir, thanks. converting to JSON does not work. The server rejects the POST. When I keep it as the original string without converting to JSON, I can see the HTTP POST being responded to with a 200 OK and the payload that I am expecting -- just that the 'success' function is not being invoked.

Amir Popovich Over a year ago

It depends on how you implement your server. What are you expecting to get on your server?

user1361529 Over a year ago

Amir, here is a raw dump from the requests and responses via the CuRL command line to show you exactly what works when using curl:

user1361529 Over a year ago

Oops here is the link: pastebin.com/ujLzDyyH (The server is a 3rd party server - not my implementation)

user1361529 Over a year ago

I've updated the code to handle JSON to non json formatting, I've validated the server is returning the right response, but my failure handle is being invoked in the app for some reason. Any ideas?

|

user1361529 · Accepted Answer · 2015-04-05 18:30:19Z

1

Okay, I finally figured it all out

a) Amir popovich is right in that if I am dealing with XML, I need to 'transmogrify' (transform in a magical manner, for non Calvin and Hobbes readers) JSON to XML. The updated code I posted in my question does exactly that and works. But even after doing all that, my URL post (or get) was failing.

b) The entire darn CORS error I was facing was because I was running this app in a desktop browser (Safari) and it was Safari that was kicking out the response unless it had Accept Origin

c) When I deployed and tested the app on my phone, it worked like a charm. Don't ask me why

answered Apr 5, 2015 at 18:30

user1361529

2,69535 silver badges66 bronze badges

Collectives™ on Stack Overflow

What is the Angular JS equivalent of this Curl POST command?

2 Answers 2

7 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related