クエリ文字列にjavascriptオブジェクトを送信するにはどうすればよいですか？

Question

このJavaScriptオブジェクトをクエリ文字列に送信して、サーバーが受信したときにオブジェクトとして使用できるようにしたいとします。

 const xhr = new XMLHttpRequest(); 
     var params = { 
      searchParams: {name: 'Joe'}, 
      sortParam: {name: -1}, 
      skip: 0, 
      limit: 50 
     }; 
     xhr.open('get', '/api/endpoint' + formatParams(params)); 
     xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); 
     xhr.responseType = 'json'; 
     xhr.addEventListener('load',() => { 
      if (xhr.status === 200) { 
       ... 
      } 
      else{ 
       ... 
      } 
     }); 
     xhr.send(); 

formatParams機能は次のとおりです。：現在、私はXHRリクエストを使用しています

私はパラメータがその後に使用されているExpressのルータを介して要求を受け付けておりますサーバー上

const formatParams = (params) => { 
    return "?" + Object 
      .keys(params) 
      .map(function(key){ 
       return key+"="+params[key] 
      }) 
      .join("&") 
}; 

MongoDBのクエリは：

const express = require('express'); 
const router = new express.Router(); 
router.get('/endpoint', (req, res) => { 
    console.log(req.query.searchParams); 
    ... 
}); 

現在、サーバーは、文字列としてreq.query.searchParamsを示している

[オブジェクトのオブジェクト]

Answer 1

ここにいくつかの問題があります。

1. keyとparams[key]はURLエンコードする必要があり、このためにencodeURIComponent(...)を使用することができます（それは標準機能です）
2. params[key]は2つのケース（searchParam、sortParam）のオブジェクトであるため、文字列の表示は[Object object]になります。代わりにしてみてください：return encodeURIComponent(key) + '=' + encodeURIComponent(JSON.stringify(params[key]))
3. サーバー側では、あなたはおそらく戻ってあなたのオブジェクトを取得するにはJSON.parse(req.query.searchParams)を実行する必要が