javascript - 这个url是怎么形成的呢？

Question

http://query.yahooapis.com/v1/public/yql?'+
      'q=select%20abstract%2Cclickurl%2Cdispurl%2Ctitle%20'+
      'from%20search.web%20where%20query%3D%22'+
      $('#search').val()+
      '%22&format=json&+
      'callback=?'

我只是对这个url 的形成方式感到困惑。这个url在我的项目中是硬编码，我很困惑。谁能告诉我下面的 url 参数是如何形成的？

'q=select%20abstract%2Cclickurl%2Cdispurl%2Ctitle%20'+
          'from%20search.web%20where%20query%3D%22'

从前端发送搜索值后，此代码再次出现在 url 中。

'%22&format=json&+
          'callback=?'

这是我在前端中使用的表单。

<form action="#" id="f">
    <div>
      <label for="search">Search</label>
      <input type="text" value="kittens" id="search">
      <input type="submit" id="s" value="go">
    </div>
</form>
<div id="results"></div>

Answer 1

看看DecodeURLComponent

decodeURIComponent('q=select%20abstract%2Cclickurl%2Cdispurl%2Ctitle%20from%20search.web%20where%20query%3D%22')

结果将是:

"q=select abstract,clickurl,dispurl,title from search.web where query=""

通常，当您在查询字符串中传递数据时，会对逗号、连字符、空格等特殊字符进行编码，以使 url 成为有效地址。如果它包含空格或其他此类字符，则会导致 url 无效。所以手写 url 是有意义的。