- 締切済み
URLのパラメータを取得するスクリプトは？
初心者です。 無謀にもURLのパラメータを取得するためのスクリプトを作成していますが、 どうしても分からなく・・。 例えば「http://pekepeke.com/sample.html?AA=1234&BB=9876」のURLから、「AA」「BB」の パラメータ「1234」「9876」を取得し表示したいと考えています。 色々調べながら・・・下記を作成したのですが、表示が１項目のみしかされません。。 （素人・・と笑われるかもしれませんが・・） どうしたら２つ（目標は１０項目ぐらいですが）を項目別に行別に表示できるのかを教えて 下さい。。 ---------------サンプル <html> <head> <title>JS test</title> </head> <body> <script> function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i <hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; } var tag1 = null; var hash = getUrlVars(); var tag1 = 'AA ' +hash['AA'] var tag2 = null; var hash = getUrlVars(); var tag2 = 'BB ' +hash['BB'] document.write(tag1); document.write(tag2); </script> </body> </html> ------------------------------------------------ どうぞよろしくお願いします。
- yoshi28
- お礼率100% (1/1)
- その他(ソフトウェア)
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- okbakasine
- ベストアンサー率27% (67/242)
JavaScriptで作るなら無駄に時間を浪費して自分でソース書かなくても http://www.google.co.jp/search?source=ig&hl=ja&rlz=&=&q=javascript+GET+%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%80%80%E5%8F%96%E5%BE%97&oq=javascript+GET+%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%80%80%E5%8F%96%E5%BE%97&aq=f&aqi=&aql=&gs_sm=e&gs_upl=80l11444l0l11753l28l27l1l9l9l0l221l2353l4.10.3l17l0 すぐに使えそうなソース出てくる。
関連するQ&A
- javascriptでGETパラメータを扱う
javascript初心者です。 javascriptでURLをGETパラメータとして取得して、その値を HTMLのaタグのリンク先に指定しようとしています。 こんな感じに出来たらいいと思っています。 ↓ <a href="[GETパラメータで取得したURL]">[GETパラメータで取得したURL]</a> GETパラメータの取得は自力で調べて下記のように記述すればできることがわかりましたが、 aタグのリンク先に指定する記述方法が分かりません。 助けてください。 よろしくお願いします。 <script type="text/javascript"> function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; } </script>
- ベストアンサー
- JavaScript
- 「location.hash」について？
http://archiva.jp/web/javascript/tab-menu2.html 上記のサイトで説明されているプログラムで、「location.hash」が下記の様に使われています。 var hash = window.location.hash; hash = hash.split("?"); hash = hash[0].split("#"); ＵＲＬが「●●●.html#△△△」の時には、「location.hash」は「#△△△」になると思います。 しかし、上記のプログラムでは、「●●●.html○○#△△△？▲▲」左記の様にＵＲＬがなっていると、想定されたプログラムです。 ページ内リンクのＵＲＬは、「●●●.html#△△△」であるので、「hash = hash.split("?");」「hash = hash[0].split("#");」の部分は不要ではないでしょうか？
- ベストアンサー
- JavaScript
- .split()
javascriptに.split()というメソッドがありますが分割するという意味だと思いますが var thankyou = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); みたいな感じになったとき複数のオブジェクトになるのですか？
- ベストアンサー
- JavaScript
- URLパラメータ２個同時に渡してHTMLで表記
現在、１個のURLパラメーターで「色の違い」をinnerHTMLで表記しています。 これにパラメーターを１個追加して「特徴の違い」も表記したいと考えています。 「現状」 ●サイトのURL（パラメーター１個） http://www.hogehoge.com/?id=1 http://www.hogehoge.com/?id=2 http://www.hogehoge.com/?id=3 ●JavaScript <script type="text/javascript"> var arg = new Object, p = location.search.substring(1).split('&'); for(var i=0; p[i]; i++){ var kv = p[i].split('='); arg[kv[0]] = kv[1]; } function area(id){ if(1 == arg.id){document.getElementById(id).innerHTML = "赤い";} else if(2 == arg.id){document.getElementById(id).innerHTML = "青い";} else if(3 == arg.id){document.getElementById(id).innerHTML = "黒い";} else {document.getElementById(id).innerHTML = "白い";} } window.onload = function (){ var i; for (i=1;i<=3;i++) { /* type1～type3まで設定 */ area("type"+i); } } </script> ●HTML <div><span id="type1"></span>ポーチ</div> <div><span id="type2"></span>財布</div> <div><span id="type3"></span>カバン</div> ●サイト上の表示例（id=1の場合）３か所に表示 赤いポーチ 赤い財布 赤いカバン ◆◆「実現したいこと」◆◆ かっこいい：cool 新しい：new 古い：old ふつうの： という４つの特徴を追加したい ●サイトのURL（例） http://www.hogehoge.com/?id=1&kindid=cool ●変更後のサイト上での表示例 かっこいい赤いポーチ かっこいい赤い財布 かっこいい赤いカバン 色４つ×特徴４つの計１６パターンを URLパラメータ２個によって表示したいと考えています。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- firefox3 GETパラメータが文字化けする問題
a.php -> b.html（子ウィンドウ） a.php ＝ Shift_JIS b.html ＝ EUC-JP URLの含まれてるパラメータをjavascriptで切り取って b.htmlのフォームの値をセットしています、 IEでは問題ありませんが、 firefox3ではパラメータが文字化けしまいます。 （全角のみだと思いますが） b.html のjavascript です。 var Request = function() { this.getParameter = function( name ) { var rtnval = ""; var nowAddress = unescape(location.href); var parameters = (nowAddress.slice(nowAddress.indexOf("?")+1,nowAddress.length)).split("&"); for(var i = 0 ; i < parameters.length ; i++) { var varName = parameters[i].split("=")[0]; if(varName.toUpperCase() == name.toUpperCase()) { rtnval = parameters[i].split("=")[1]; break; } } return rtnval; } } どう対応すればいいのでしょうか。涙
- 締切済み
- HTML
- javascriptからURLパラメータ値を送る
使用言語はJSPです。 画面上のラジオボタンの値を取得しているjavascriptが以下です。 これでボタンが押下されたとき、この関数を呼び出しラジオボタンのVALUE値をアラートとして表示することはできています。 これをURLパラメータとして、JSPサーバ側に送りたいと思いますが、 NULL値となってしまいます。 取得は、request.getParameter("aaa"); としていますがNULL値です。 JAVASCRIPTからURLパラメータを送付・サーバ側から取得する方法を教えていただけますか。 function check(){ var aaa = document.getElementsByName("ラジオボタンの名前"); for(var i=0;i<arr.length;i++){ if(aaa[i].checked) var param = aaa[i].value; aaa.action = "./bbb.jsp?param="+param; aaa.submit(); return aaa[i].value; } }
- ベストアンサー
- JavaScript
- クリックでお気に入りに入れるプログラム
<head> <script language="JavaScript"> <!-- var burl = window.document.location var btitle = window.document.title function bookmark() { if(document.all) window.external.AddFavorite(burl,btitle) } //--> </script> </head> <a href="#" OnClick="bookmark();return false;"> お気に入りに入れる </a> ここまでできたのですが、どのHTMLページをお気に入りにいれるかという設定はどうしたらいいのでしょうか？フレームを使用しておりますので、フレームに上のタグをいれて、ブックマークを入れるとそのフレームだけのお気に入りになってしまいます。 それと var burl = window.document.location var btitle = window.document.title の部分は一体何を意味するのでしょうか？
- ベストアンサー
- JavaScript
- URLから値（可変）を取得して値を引き渡す
http://ample.com/goo?aaaa=12345 ？以降を取得して値を引き渡したいのですが location.searchで？以降を取得 取得した値を＝で分割 formを使って情報を引き継ごうと思うのですがうまくいきません <script type="text/javascript" language="javascript"> <!-- var QS = new Array; if (location.search.length > 1) { var m_Array = location.search.substr(1).split("&"); for (aaaax in m_Array) { QS.push(m_Array[aaaax].split("=")); } } //--> <form action="form.cgi" method="post" name="FROM1" > <input type="hidden" name="aaaa" value=""> <script> <!-- document.forms["FROM1"].aaaa.value = location.search.substr(6,30); //--> </SCRIPT> </FORM>
- ベストアンサー
- JavaScript
- tomcat #パラメータ 取得方法
tomcatでリクエストの#以降の文字列を取得したいのですが、 取得方法がわかりません。 取得方法をご存じの方、是非教えてください。 なぜ取得したいのかというと、OneDrive REST APIを使いたいからです。 OneDrive REST API では ログイン後にリダイレクトされるリクエストには#パラメータが 付加されており、それを取得したいのです。 リダイレクト先をウェブページにし、 window.location.hashで取得できるのは確認できましたが、 ウェブページを介さずに直接サーバで操作したいと思っています。
- ベストアンサー
- オープンソース開発
- 自分のURLアドレスのパラメータを取得して使用する
済みません、既に同じ質問「javascriptの変数を渡す方法について」をさせて頂いていますが、簡素にしましたのでよろしくお願い致します。 【やりたい事】 自分のURLを仮に(bbb.asp?PARM1="hensu")として、URLから取得したパラメータを変数として使用したいのですが ほぼ初心者なので思い通りに行かず悶々と悩んでいます。 どなたか、そもそも論も含めてでも結構ですので、ヘルプまたは参考サイトをご教示ください。 【現在の状況】 ①bbb.asp?PARM1="hensu"からjavascriptで変数(P_hensu)として取得出来ています。 ②javascriptを抜け出すと変数(P_hensu)の値は入っていません。 (bbb.aspのソース概略) <%@ LANGUAGE=VBScript %> <% Option Explicit %> <script type="text/javascript"> /* パラメータ(PARM1)を取得する */ const searchParams = new URLSearchParams(window.location.search); var P_hensu = searchParams.get('PARM1'); </script> <% '上段で取得した変数(P_hensu)をここで使いたいのですが持ってこれません。 call prog1(P_hensu) %> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head> </html>
- ベストアンサー
- JavaScript
お礼
回答ありがとうございます。 なんとか・・複数パラメータの表示はできるようになりました！ あとは・・改行表示をどのように書けばいいのか・・・。。 いくつか探したのですが、上記サンプルにあてはめて試したところ、やはり上手く改行 できません。。 再度・・ご教授下さいませ。。 よろしくお願いします。