如何将CURL转换为$ .Ajax？

Question

我正在使用Spotify API，示例代码给了我一个cURL请求来处理。我试图将它转换为Ajax请求，但我遇到了一些麻烦。

Curl 代码：

curl -X POST "https://api.spotify.com/v1/users/12166097089/playlists" -H "Accept: application/json" -H "Authorization: Bearer <super long encryption string>" -H "Content-Type: application/json" --data "{\"name\":\"NewPlaylist\",\"public\":false}"

我尝试的Ajax：

function create_playlist(user, hash) {
    xhr=new XMLHttpRequest();
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4 && xhr.status==200){
            console.log(xhr.responseText);
        }
    };
    $.ajax({
        url:'https://api.spotify.com/v1/users/' + user + '/playlists',
        beforeSend: function(xhr) {
            xhr.setRequestHeader('Authorization', 'Bearer ' + '<same super long string>');
            xhr.setRequestHeader('Accept-Language', 'en_US');
        },
        type: 'POST',
        contentType: 'application/json',
        data: {
            "name":"Temp Playlist",
            "public": false
        },
        dataType: 'JSON',
        success: function (response) {
            console.log(response);
        },
        error: function() {
            alert("it failed");
        }
    });
}

Answer 1

Need to stringify the data if sending as application/json. $.ajax won't do that for you

var dataObj = {
        "name":"Temp Playlist",
        "public": false
    }

$.ajax({
   ......
    data: JSON.stringify(dataObj),
    dataType: 'JSON',
    success: function (response) {
        console.log(response);
    },
    error: function() {
        alert("it failed");
    }
});

Also no need to create a new XMLHttpRequest(). That's what $.ajax is already doing