How can I translate this curl script to an AJAX request in JavaScript?
curl -X POST
-d "grant_type=password&username=admin&password=Demo1234"
-u "<ClientID>:<ClientSecret> " http://<host>/url/to/auth
3 Answers
I will show an example in pure JavaScript
function sendData()
{
var formData = new FormData(); //create formData object to send data
formData.append("grant_type, "password"); //via append you add data
formData.append("username", "admin");
formData.append("password", "Demo1234");
var xmlHttp = new XMLHttpRequest(); //create "ajax/xhr" object
xmlHttp.onreadystatechange = function() //monitor status of response
{
if(xmlHttp.readyState === 4 && xmlHttp.status === 200) //if it's ok
{
console.log(xmlHttp.responseText); //then output data
}
}
xmlHttp.open("POST", "http://<host>/url/to/auth");
xmlHttp.setRequestHeader("Authorization", "Basic " + btoa("<ClientID>" + ":" + "<ClientSecret>");
xmlHttp.send(formData);
}
Comments
Your curl call uses three things:
- Unprocessed data.
- HTTP Authentication.
- Templating? - Not sure.
This is what I best came up with:
$.ajax({
"url": "http://<host>/url/to/auth",
"data": "grant_type=password&username=admin&password=Demo1234",
"processData": false,
"beforeSend": function (xhr) {
xhr.setRequestHeader ("Authorization", "Basic " + btoa("<ClientID>" + ":" + "<ClientSecret>"));
}
});
Replace your <ClientID> and <ClientSecret> with the right values.
answered Dec 21, 2017 at 18:11
Praveen Kumar Purushothaman
167k27 gold badges215 silver badges261 bronze badges
9 Comments
richbai90
Important to note that you can do this with plain javascript. You don't need to use Jquery although that does make it much easier.
Praveen Kumar Purushothaman
@richbai90 Yep... Also this method is cross browser... Please note that the author asks for jQuery method in tags.
:)
Sterling Archer
@richbai90 not really, native XHR is arguably better now a days, especially if you can use
fetchPraveen Kumar Purushothaman
@SterlingArcher No support in IE 7!
:) Remember banks still use IE 6!!!
ndugger
There's far more development jobs out there than there are developers
|
Here is how you can do it for any curl not just this one:
- Get postman (https://www.getpostman.com/)
- follow this to import your curl to postman: https://www.getpostman.com/docs/postman/collections/data_formats#importing-postman-data
- follow this to generate a code snippet for the curl you just imported: https://www.getpostman.com/docs/postman/sending_api_requests/generate_code_snippets
one of the code snippet exporters is jqueryAjax.
1 Comment
Jean Manzo
3 step is thing useful has made my day xD Thx!
passwordparameter, this is not a good thing.