Url query string in fetch api in javascript

Question

How to pass query string with fetch api javascript (https://github.com/github/fetch)?

var url = "http://www.abcd.com";
var query = {
    a: "test",
    b: 2
};

Above should be converted to http://www.abcd.com?a=test&b=2 when I pass some argument to fetch

Answer 1

var params = Object.keys(query)
                   .map((key) => encodeURIComponent(key) + "=" + encodeURIComponent(query[key]))
                   .join("&")
                   .replace(/%20/g, "+");

fetch(url + "?" + params);

Or with the options object - but this will NOT work with GET and HEAD method:

fetch(url, {
    method: "POST",
    body: convertObjectToFormData(query)
}).then(...);

function convertObjectToFormData(obj) {
    var formData = new FormData();
    for (var key in obj) {
        formData.append(key, obj[key]);
    }
    return formData;
}