javascript - クエリ文字列として渡す JavaScript オブジェクトをフラット化する

Question

クエリ文字列として渡すことができるように、文字列にフラット化する必要がある JavaScript オブジェクトがあります。すなわち:

{ cost: 12345, insertBy: 'testUser' }になるだろうcost=12345&insertBy=testUser

この呼び出しに jQuery AJAX 呼び出しを使用することはできません。それを使用してオブジェクトを渡すことができることはわかっていますdataが、この場合はそうではありません。ただし、jQueryを使用してオブジェクトにフラット化しても問題ありません。

ありがとうございました。

score 84 · Accepted Answer

jQuery 以外のバージョンは次のとおりです。

function toQueryString(obj) {
    var parts = [];
    for (var i in obj) {
        if (obj.hasOwnProperty(i)) {
            parts.push(encodeURIComponent(i) + "=" + encodeURIComponent(obj[i]));
        }
    }
    return parts.join("&");
}

score 70 · Accepted Answer

あなたがしたいjQuery.param：

var str = $.param({ cost: 12345, insertBy: 'testUser' });
// "cost=12345&insertBy=testUser"

これは、data引数として渡されたオブジェクトをシリアル化するために jQuery によって内部的に使用される関数であることに注意してください。

score 39 · Accepted Answer

私のES6バージョン（純粋なJavascript、jQueryなし）：

function toQueryString(paramsObject) {
  return Object
    .keys(paramsObject)
    .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(paramsObject[key])}`)
    .join('&')
  ;
}

score 15 · Accepted Answer

$.param()メソッドを試してください：

var result = $.param({ cost: 12345, insertBy: 'testUser' });

score 4 · Accepted Answer

別のバージョン:

function toQueryString(obj) {
    return Object.keys(obj).map(k => {
      return encodeURIComponent(k) + "=" + encodeURIComponent(obj[k])
    })
    .join("&");
}

score 4 · Accepted Answer

一般的な JavaScript:

function toParam(obj) {
  var str = "";
  var seperator = "";
  for (key in obj) {
    str += seperator;
    str += enncodeURIComponent(key) + "=" + encodeURIComponent(obj[key]);
    seperator = "&";
  }
  return str;
}


toParam({ cost: 12345, insertBy: 'testUser' })
"cost=12345&insertBy=testUser"

score 3 · Accepted Answer

var myObj = { cost: 12345, insertBy: 'testUser' },
    param = '',
    url   = 'http://mysite.com/mypage.php';    

for (var p in myObj) {
  if (myObj.hasOwnProperty(p)) {
    param += encodeURIComponent(p) + "=" + encodeURIComponent(myObj[p]) + "&";
  }
}

window.location.href = url + "?" + param;

score 1 · Accepted Answer

あなたはこれを使うことができます

function serialize(obj)
{
    let str = []

    for(var p in obj)
    {
      if(obj.hasOwnProperty(p)) str.push(encodeURIComponent(p) + '=' + encodeURIComponent(obj[p]))
    }

    return str.join('&')
}

このリンクで JSFiddle を試してください https://jsfiddle.net/yussan/kwmnkca6/

javascript - クエリ文字列として渡す JavaScript オブジェクトをフラット化する

12 に答える 12

Related

Reference