2020-04-01-building-rails-compatible-query-strings-in-javascript

栏目: IT技术 · 发布时间: 3年前

内容简介:TheWhat itI don't even remember where this comes from, I've written it for so many different projects I just copy it from the last one.
layout title date categories tags

post

Building Rails-compatible Query Strings in JavaScript

2020-04-01T13:57

javascript

query-string

javascript

functions

missing-libraries

rails

The MDN defines the URLSearchParams to help build query strings based on objects.

What it doesn't do, however, is build a Rails-compatible query string from a nested object, i.e., an object with properties that other objects, i.e. Object, Array, etc. This won't do anything if the parent object has a function property, but it's a pretty good implementation.

I don't even remember where this comes from, I've written it for so many different projects I just copy it from the last one.

The problem is that when given a params object like:

let params = {
    a: 27,
    b: "forty-two",
    c: [1, 2, 3, 5],
    d: { id: 2887, name: "Gillian" }
}

Passing this into URLSearchParams doesn't give a query string that Rails finds useful in parsing parameters up in the controller:

let qa = new URLSearchParams(params).toString()

yields: a=27&b=forty-two&c=1,2,3,5&d=d=%5Bobject+Object%5D which is really no good to Rails (doubt it would be good for express either, but that's not what this one's about).

So we need something a bit more on point:

function serializeObjectToRailsQueryString(params, prefix) {
  const query = Object.keys(params).map(key => {
     const value = params[key]

     if (params.constructor === Array) key = `${prefix}[]`
     else if (params.constructor === Object)
       key = prefix ? `${prefix}[${key}]` : key

     if (typeof value === "object")
       return serializeObjectToQueryString(value, key)
     else return `${key}=${encodeURIComponent(value)}`
   })

   return [].concat.apply([], query).join("&")
}

Passing that same params object above, yields the following:

"a=27&b=forty-two&c[]=1&c[]=2&c[]=3&c[]=5&d[id]=2887&d[name]=Gillian"

When the controller params method is called, it yields a AC::Parameters object of:

{
  a: 27,
  b: "forty-two",
  c: [1, 2, 3, 5],
  d: { id: 2887, name: "Gillian"}
}

just as we'd expect.


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

从问题到程序

从问题到程序

裘宗燕 / 机械工业出版社 / 2005-9-1 / 36.00元

本书以C作为讨论程序设计的语言,讨论了基本程序设计的各方面问题。书中给出程序实例时没有采用常见的提出问题,给出解答,再加些解释的简单三步形式,而是增加了许多问题的分析和讨论,以帮助读者认识程序设计过程的实质,理解从问题到程序的思考过程。书中还尽可能详尽地解释了许多与C语言和程序设计有关的问题。 本书适合作为高等院校计算机及相关专业的教材,也可供其他学习C程序设计语言的读者阅读。一起来看看 《从问题到程序》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

在线进制转换器
在线进制转换器

各进制数互转换器

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具