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. scope.jpg

    JavaScript

    JavaScriptでは「変数のスコープ」を正しく理解してエラーを減らそう!

    変数の「スコープ」は正しく理解しないと、エラーにならないエラーが起…

  4. tweenmax_js_totation.jpg

    JavaScript

    【TweenMax.js】回転アニメーションも楽々!

    以前も記事に書いたアニメーション用のJavaScriptライブラリ…

  5. fb022d1ac056d555673c17937de7f431.png

    JavaScript

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

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

  6. style_backgroundImage.jpg

    JavaScript

    背景画像をJavaScriptで入れ替える2種類の方法

    ものごとには「正解」というものがひとつではない、ってことが多いもん…

最近の記事

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

アーカイブ

  1. instance.jpg

    iOS

    きほんのき、iOSプログラミングでの変数宣言
  2. 日常

    照明調査
  3. タブ魔に最適!Chrome拡張機能の「OneTab」が便利すぎ!

    インターネット

    タブ魔に最適!Chrome拡張機能の「OneTab」が便利すぎ!
  4. 日常

    シンジュク
  5. 日常

    『昼の学校 夜の学校』
PAGE TOP