javascript - 从对象创建 URI 字符串

Question

我在javascript中有以下变量

var domain= http://example.com/api/v1/purchases/get_purchases.json?
var header = 'df0a96ddbe1ada9fda4b1ed9b02cf67c'
var params = {
                   search:{
                         status_eq: 'frozen',
                         email_eq: 'a@a.com',
                         phone_number_eq: ''
                   }
                  }
var api_string = domain + header + params;

我需要 api_string 的输出为：

http://example.com/api/v1/purchases/get_purchases.json?headers%5B_token%5D=df0a96ddbe1ada9fda4b1ed9b02cf67c&search%5Bemail_eq%5D=a@a.com&search%5Bphone_number_eq%5D=12345&search%5Bstatus_eq%5D=frozen

我尝试了JSON.stringify, encodeURI, encodeURIComponent，但它没有按预期工作。

我需要在react-native的fetch函数中使用这个api_string。

Answer 1

您是否尝试过使用 npm 包 url ？

这是其工作原理的示例：

    const url = require('url')

    let my_url = url.format({
          hostname: "mydomain.com",
          protocol: "http",
          query: {status_eq: 'frozen', email_eq: 'a@a.com',},
          pathname: '/my/path'
    })

here is the documentation 如果您需要了解更多关于它的工作原理。

警告

url.format 接受您要发送到服务器的参数对象。如果您要传递的参数之一是对象，请确保在将其添加到查询之前对其进行 JSON.stringify。 Here is a stackoverflow question 解释它。

Answer 2

好消息，字符串连接可以通过 + 运算符完成。所以你可以做这样的事情

let result = domain + "headers%5B_token%5D=" + header + "&search%5Bemail_eq%5D=" + params.search.eqmail_eq

（显然将其扩展到其余参数，假设您只有这三个参数）

Answer 3

您可以使用序列化函数，如下所示：

serialize = function(obj, prefix) {
  var str = [], p;
  for(p in obj) {
    if (obj.hasOwnProperty(p)) {
      var k = prefix ? prefix + "[" + p + "]" : p, v = obj[p];
      str.push((v !== null && typeof v === "object") ?
        serialize(v, k) :
        encodeURIComponent(k) + "=" + encodeURIComponent(v));
    }
  }
  return str.join("&");
}

console.log(serialize(params));

给：

search%5Bstatus_eq%5D=frozen&search%5Bemail_eq%5D=a%40a.com&search%5Bphone_number_eq%5D=`