Warning: Parameter 1 to multibyte_patch::wplink_js() expected to be a reference, value given in /home/voidgraphics/www/crunchlog/wp-includes/plugin.php on line 579

Warning: Parameter 1 to wp_default_scripts() expected to be a reference, value given in /home/voidgraphics/www/crunchlog/wp-includes/plugin.php on line 579
クエリーストリングを利用してWebページ間でデータを受け渡してみる | Crunchlog
Warning: Parameter 1 to wp_default_styles() expected to be a reference, value given in /home/voidgraphics/www/crunchlog/wp-includes/plugin.php on line 579

JavaScript

クエリーストリングを利用してWebページ間でデータを受け渡してみる

QueryString 「クエリーストリング」っていうのは以下のようなGoogleで検索した時に表示されるものをいいます。
1
https://www.google.co.jp/search?aq=f&sugexp=chrome,hogehoge...
「?」ではじまり「&」で区切って「キー=値」を並べたものです。 上の例ではこんな感じですね。 なにやら混乱しそうですが。。。
1
2
3
4
? //キーと値スタート
aq=f
&//区切り
sugexp=chrome
これを取り出すには例えば以下のようにします。
1
2
3
4
5
6
7
8
9
var query1 = window.location.search;
var qstr = query1.substr(1).split('&');
for(var i=0; i < qstr.length; i++){
    var qstr2 = qstr[i].split('=');
    if(qstr2[0] == 'aq'){
        data1 = qstr2[1];
        break;
        }
    }
これで「data1」に「f」が入りますね。 けっこう簡単にWebページ間でデータのやりとりってできるんですね〜。 この先なにか使うかも♪ でもいまのところ使う予定はないなあ^^; ▼基本がわかりやすかったです。

関連記事

  1. offset_style_data.jpg

    JavaScript

    「offset」と「style」で取得する値が違う

    ちょっとはまったのでメモ。以下のように「offset」と「sty…

  2. about_debug-4.jpg

    JavaScript

    Android端末のデフォルト・ブラウザでJavaScriptのデバッグをする方法

    Webアプリをデザインするときに必須となるのがJavaScript…

  3. fb022d1ac056d555673c17937de7f431.png

    JavaScript

    強力なアニメーション用のJavaScriptライブラリー「TweenMax.js」が便利!

    jQueryでもアニメーションはできるのですが、それよりも表現力豊…

  4. getElementById

    JavaScript

    JavaScript内で、HTMLのIDを直接指定したらダメ

    Webアプリをデザインしていて、JavaScriptの記述について…

  5. canvas.jpg

    JavaScript

    WebアプリでCanvasを使うための指定方法

    Webアプリをデザインするときのお決まりになりつつあるHTML5の…

  6. tweenmax_license01.jpg

    JavaScript

    「TweenMax.js」をビジネス利用のためのライセンス購入方法

    いつもJavaScriptのアニメーション部分でお世話になってる「…

最近の記事

  1. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  2. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  3. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  4. 【コレクション】カードダス:SDガンダム外伝シリーズ
  5. 懐かしい!!カードダスSD戦国伝!!
  6. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  7. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  8. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  9. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  10. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」

アーカイブ

  1. 「はやぶさ」式思考法

    講演会

    川口淳一郎 講演会 「はやぶさ」式思考法
  2. 日常

    シンジュク
  3. mac_cantopen.jpg

    Mac

    Macの「”ほげほげ”は、開発元が未確認のため開けません。」を解決する方法
  4. moleskine_diary_2013-1.jpg

    プロダクト

    今年はモレスキンの「星の王子さまダイアリー」でいきます!
  5. ルリユール展

    展覧会

    「平まどか ルリユ−ル展」の搬入お手伝い
PAGE TOP