将curl命令转换为JavaScript

Question

我正在尝试将这个curl命令转换为JavaScript：

curl https://www.google.com/accounts/ClientLogin \
  --data-urlencode Email=[e-mail] \
  --data-urlencode Passwd=******* \
  -d accountType=GOOGLE \
  -d source=Google-cURL-Example \
  -d service=lh2

我想将这个命令转换成$.ajax()函数。我的问题是，我不知道在下面的setHeader函数中需要放置什么选项以匹配curl命令中的选项。

$.ajax({
    url: "https://www.google.com/accounts/ClientLogin",
    type: "GET",

    success: function(data) { alert('hello!' + data); },
    error: function(html) { alert(html); },
    beforeSend: setHeader
});


function setHeader(xhr) {
    // ?
}

- seal

Answer 1

默认情况下$.ajax()会将数据转换成查询字符串（如果数据不是字符串），因为这里的数据是一个对象，所以需要将数据转换为字符串，然后设置processData: false，以便它不会转换成查询字符串。

$.ajax({
 url: "https://www.google.com/accounts/ClientLogin",
 beforeSend: function(xhr) { 
  xhr.setRequestHeader("Authorization", "Basic " + btoa("username:password")); 
 },
 type: 'POST',
 dataType: 'json',
 contentType: 'application/json',
 processData: false,
 data: '{"foo":"bar"}',
 success: function (data) {
  alert(JSON.stringify(data));
},
  error: function(){
   alert("Cannot get data");
 }
});

- Ahmed_Ali

Answer 2

如果你可以使用fetch()代替$.ajax，你可以使用curlconverter.com/javascript/，它会将你的命令转换为

fetch('https://www.google.com/accounts/ClientLogin', {
    method: 'POST',
    body: new URLSearchParams({
        'accountType': 'GOOGLE',
        'source': 'Google-cURL-Example',
        'service': 'lh2'
    })
});

- user3064538