Forked from: maechabin's URLのパラメータの値を取得するJavaScript関数 View Diff (208)

Parse document.location.search string

TakashiSasaki

License: MIT License

Fork
0
Fav
0
View
429
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 126 lines
  • HTML 67 lines
  • CSS 22 lines

parseDocumentLocationSearchString

クエリ文字列は一般的に ?a=b&c=d のようなkey-valueペアとして解釈される。 しかし ?a のようにkeyしか渡されなかったり、 ?a= のように値が渡されなかったりすることもある。 これらを区別して処理するための関数 parseDocumentLocationSearchString を作成し、 デモページを用意した。

2種類の動作モード

一つ以上のkey-valueが&で区切られて渡された場合

引数(文字列)

?a=b&c=d&a=e&f&g=

戻り値(連想記憶)

{
  "a": [ "b", "e" ],
  "c": [ "d" ],
  "f": [ undefined ],
  "g": [ "" ]
}

全てのkeyに対する値は、たとえその要素数が1であっても、リストになります。 keyのみが与えられた場合、値はundefinedとなります。 key=の値は空文字列 ""となります。

デモ

undefinedの値もJSON.stringifynullとして扱います。 このモードで解釈された場合、 key-value pairのラジオボタンが選択されます。

http://jsrun.it/TakashiSasaki/IleO?a=b&c=d&a=e&f&g=

一つのkeyのみが渡された場合

そのキーそのものがencodeURIComponentなどの方法でURLエンコードされた JSON文字列であると仮定して、デコード&パースする。

引数(文字列)

?%7B"a"%3A%5B"b"%5D%7D

戻り値(連想記憶)

{
    "a": [
        "b"
    ]
}

デモ

このモードで解釈された場合、 encoded JSON stringのラジオボタンが選択されます。

http://jsrun.it/TakashiSasaki/IleO?%7B"a"%3A%5B"b"%5D%7D

  • Parse document.location.search string
  • bootstrap.js 3.0.0
  • jQuery v2.1.0
  • Parse document.location.search string
  • bootstrap-theme.css 3.0.0
  • bootstrap.css 3.0.0

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

TakashiSasaki

Author

Ehime University. Majoring in MANET and overlay network. Interests on Android, OSS and Southeast Asia. Being single again :-) ササキタカシ 佐々木隆志 JS3QBC局免失効中 Osaka/Matsuyama/Tokyo, Japan http://slashdot.jp/~Livingdead/journal/

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags