将curl转换为Javascript ajax代码

Question

如何将此curl脚本转换为JavaScript中的AJAX请求？

curl -X POST
     -d "grant_type=password&username=admin&password=Demo1234"
     -u "<ClientID>:<ClientSecret> " http://<host>/url/to/auth

Answer 1

您的curl来电使用了三件事：

1. 未处理的数据。
2. HTTP身份验证。
3. 模板？ - 不确定。

这是我最好的想法：

$.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>"));
  }
});

将您的<ClientID>和<ClientSecret>替换为正确的值。

Answer 2

我将在纯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);

}

Answer 3

以下是任何卷曲的方法，而不仅仅是这个：

1. 获取邮差（https://www.getpostman.com/）
2. 按照此操作将您的卷曲导入邮递员：https://www.getpostman.com/docs/postman/collections/data_formats#importing-postman-data
3. 按照此操作生成刚刚导入的curl的代码段：https://www.getpostman.com/docs/postman/sending_api_requests/generate_code_snippets

其中一个代码段导出器是jqueryAjax。