ECサイトの検索キーワードから商品URLを取得する時、Formの情報をまとめた「httpヘッダー」を送ることを知りました。そこで、自分でhttpヘッダーを作ってみようと思うのですが。なかなかうまくいきません。
該当サイトのForm情報はこちらになります。
<form id="search-input-form" class="search__form" name="search-input" action="/webapp/wcs/stores/servlet/Search" method="get" novalidate="">
<input type="hidden" id="storeId" name="storeId" value="10051">
<input type="hidden" id="catalogId" name="catalogId" value="10901">
<input type="hidden" id="langId" name="langId" value="-1">
<div class="search__form--actions">
<ul class="search__form-action">
<li data-property="GLB_SEARCH" class="search__form--submit"><a id="site-search-submit" class="action search__form--button submit" href="#"><span class="one"><span class="two"><span class="three"><span class="four"></span></span></span></span></a>
<label class="accessibility" for="site-search-submit">Search Submit Button</label>
<button type="submit" name="search-field-submit" class="search__form--button linkified"></button>
</li>
</ul>
</div>
<div class="data">
<label class="accessibility" for="site-search-field">Search Input Field</label>
<input type="text" maxlength="50" id="site-search-field" name="search-field" class="text" placeholder="Search" required="required" pattern="^\u0020*([^\u0020]\u0020*)+$" autocomplete="off">
<div id="autocomplete"><div class="autocomplete-suggestions" style="position: absolute; display: none; width: 143px; max-height: 800px; z-index: 9999;"></div></div>
</div>
</form>
actionが宛先URLで、methodがgetになっていますので、
該当サイト/webapp/wcs/stores/servlet/Search?storeId=10051?catalogId=1090?langId=-1
?site-search-field=検索キーワード
と考えたのですが、うまくいきません。
詳しい方がいらっしゃいましたらご教授して頂きたいと思います。
No.1ベストアンサー
- 回答日時:
GETで送信になっているなら、結果が表示された時のURLを確認なさるのが確実だと思います。
とりあえず、
・ クエリ部の『?』は先頭に一つです。
・ 変数が複数ある場合は『&』で連結します。
No.2
- 回答日時:
#1です
>httpヘッダー監視ツール等を利用しましたが
ん?
監視ツールなど使わなくても、結果が表示された時のアドレス バーにURLが表示されていませんか?
それとも、アドレス バーの内容が変わらないということでしょうか?
変わらない場合は、ページ全体は遷移していないものと思われます。
例えばフレームを使ったページで、フレーム内だけを遷移しているとか。
この場合は、結果表示時のフレームのアドレスを調べるとか、あるいは、対象フレーム内にフォームがあるなら、そのページだけを表示した状態でsubmitするとかで調べられると思います。
フレーム以外の方法としては、Ajax(javascriptを利用)で送受信しているのかも知れませんね。
その場合は、返されるデータがHTMLとは限りませんので、そのままの形でブラウザが表示できるようになってるとは限りません。
(テキスト表示はできると思いますが・・・)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSでreadonlyの機能はあり...
-
時間帯によってclass名を変更し...
-
JSライブラリ、DojoのEditorの...
-
JspにIf条件を追加したいのです...
-
確認ダイアログを次からは表示...
-
【CSS javascript】ブラウザ依...
-
開閉式をページ内の通常のHTML...
-
javascriptでの(-)ハイフンの処...
-
折りたたみを全て開いて別ペー...
-
改行をしたいが、<br>と...
-
「ご処理進めて頂きますようお...
-
エクセルで、日付を入力すると...
-
CloseとDisposeの違い
-
Excelシート上のマクロを登録し...
-
VBA エンターキーでイベントに...
-
「PC Helpsoft Driver Updated...
-
UMLでの例外処理
-
DoEventsがやはり分からない
-
switch の範囲指定
-
VBAでループ内で使う変数名を可...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
確認ダイアログを次からは表示...
-
CSSでreadonlyの機能はあり...
-
formのsubmitを押すとモーダル...
-
Q&A掲示板の入力フォームに文字...
-
JavascriptのHTMLクラス表示に...
-
3重のクォーテーション
-
JavaScriptのinnerHTMLの挙動に...
-
特定の条件のHTML要素を一括で...
-
クリックすると、色が変わるよ...
-
折りたたみを全て開いて別ペー...
-
jqueryを使ったスムーススクロ...
-
jQuery 画面サイズにスライド画...
-
2回目以降のページロード時には...
-
jQueryのSlickで矢印アイコンが...
-
Bootstrap Javascriptでモーダル
-
JavaScriptのdiv.style属性の変...
-
javascriptとcssでフォントサイ...
-
フォームで「パスワード(確認...
-
macかwinか判別しスタイルシー...
-
javascript htmlの追記について
おすすめ情報
回答して頂き、本当にありがとうございます。
私も作成されたURLを確認しようと、httpヘッダー監視ツール等を利用しましたが、サイトの仕様か分かりませんが、商品情報のURLが瞬時に返答されて、formで構成された値を知ることが出来ず、この度専門家の方にご意見を賜った次第です。
回答を見る限り、
該当サイト/webapp/wcs/stores/servlet/Search?storeId=10051&catalogId=1090&langId=-1
&site-search-field=検索キーワード
ということでよろしいでしょうか?
search(検索)に商品コードを入力すると、商品情報のURLが返ってきます。
商品コード「112553」を入力すれば、httpヘッダーは、
actionURL+?storeId=10051&catalogId=1090&langId=-1
&site-search-field=112553
だと考えました。
しかし、商品情報のURLは、
http://www.abercrombie.com/shop/us/p/a-and-f-act …
と、キーワード検索⇒内部処理⇒商品情報のURLだと判断しました。
そこでキーワード検索の部分で、どのようなhttpヘッダーが送っているのかをformから推測できないかと、今回質問させて頂きました。