簡単なことだと思うのです。昔やった(はずの)Javascriptそのものでもストレスがかかるような作業ではなかったかと。なにせ、とっても基本的な値の一つですURLの表示とかいうのは…。しかし、jQueryでネットを見ながらやってみた爺には~シクシク。
<html> <head> <meta charset="utf-8" /> <title>現在URLの取得表示</title> <script type="text/javascript" src="http://hatenablog.com/.shared.js:a5777345174e5dcd46a6e69601286e18:/js/jquery-1.7.2.min.js"></script> </head> <body> <script> alert(location.href); </script> <div>作業終了</div> </body> </html>
ほかにも色々機能を加えて書いていたもので、かなり混乱しました。それで、ここに貼りつけたソースはタイトルに応じた、とっても簡単なものでっす~。(≒ひょっとして、実力の限界)
URLを取得しているのは「location.href」という部分です。この正解に至るまでちょっとかかりますた~シクシク。ネット上にあった他の書き方を変数に入れたり、色々頓珍漢なことをやってみたのですが、なにかうまく働いてくれないという…メソ・メソ。で、迷いを少なくするため変数を使わず書いたという…。読む分には齟齬が少ないかと…ボソッ。齟齬とはいっても単にダイアログに必要データを表示するだけですから…ええ、そんなもんです、はい。
上のスクリプトを実行するには、ソースをコピーし、メモ帳などテキストエディタに貼りつけb0.htmlとでもして保管してからブラウザで閲覧してみてくださいね~。何の利益もありませんが…。
Ajaxはクロスドメイン(外部ドメイン)からデータ取得ができない…?!
JSONPという方法はあるが…。通信エラー対策も必要
頭からケムリを出しながら勉強したんですけど、とあるところまできたら、外部ドメインである「クロスドメインでデータを取得できない」などというような制限がjQueryを使っているとあるのだとか…ウワッ、お勉強は結局なんだったの~。さらに読み進んだら、JSONPの方法はあるよ~とか、クロスドメインのRSS取得はGoogleのAPIを使え…というような示唆が…。
本日はこのあたりで力尽きますた~。ちょっと脳みそに沸いた妄想(内緒:恥ずかしくて言えない)はすぐさま実現できない、…そういうことか…あ~あ~くたびれた~。
↑自分で考えるよりこっちが簡単だな~。なにかJavascriptをやってたころと同じ流れで、横着の道に行きそうな爺ですた~ヨロヨロ。
Web制作の現場で使うjQueryデザイン入門[改訂新版] (WEB PROFESSIONAL)
- 作者: 西畑一馬
- 出版社/メーカー: アスキー・メディアワークス
- 発売日: 2013/03/07
- メディア: 大型本
- クリック: 4回
- この商品を含むブログ (5件) を見る
Webデザイナーのための jQuery入門 魅力的なユーザーインターフェースを手軽に作る (Books for Web Creative)
- 作者: 高津戸壮
- 出版社/メーカー: 技術評論社
- 発売日: 2011/12/07
- メディア: 大型本
- 購入: 4人 クリック: 62回
- この商品を含むブログを見る