这就是我将数据保存在数据属性中的方式：
<div class="playlist-item" data-video='[{"quality": "720p", "video": "video-url1"}, {"quality": "1280p", "video": "video-url2"}]'></div>
然后，当我想获取数据视频属性时，使用jQuery：
$('.playlist-item').data('video');
现在，我正在尝试对查询字符串参数进行同样的操作，我想知道为这部分编写这种查询字符串的最佳方法是什么？
data-video='[{"quality": "720p", "video": "video-url1"}, {"quality": "1280p", "video": "video-url2"}]'
我正在考虑这样做：
?video=video-url1,video-url2&quality=720p,1280p
我不是从查询字符串生成html，我将在javascript中获取此查询字符串并使用它。我知道如何处理查询字符串，我只是在寻求有关如何最好地构造此类查询字符串的建议。
是否会有更好的方法来实现这一目标？
不是这方面的专家，但是我用Node.js编写了这个webscraper工具，该工具根据您搜索的内容抓取网站，并且我使用了这样的查询参数，效果似乎很好：
mysite.com/search/keywords=blu+shirt&sort=price-high
和
mysite.com/search/keywords=blu+shirt&sort=newest