jQueryで別のhtmlから情報取得

解決済

質問者：pyasha
質問日時：2008/09/17 18:24
回答数：3件

現在レンタルのショッピングカートにてウェブサイトを立ち上げているところです。
こちらのショッピングカートの会社ではjQueryを採用しています。

質問ですが、
こちらではカートに入っている金額情報を自働生成されるページのみでしか表示させる事ができない仕様です。
この金額情報をhtmlから取り出し、同ドメインの別のページへと表示させたいのですが
方法をお教えいただけますでしょうか、よろしくお願いします。

金額情報price.htmlのソースを見ますと
<body>
//間に色々と
<div class="cart">
<div class="cartBody">
<div class="cartCommodity>
商品名
</div>
<p class="price">金額情報</p>
</div>
</div>
//色々と
</body>
となっています。
cartCommodityの<div>～</div>がカートに入ってる商品の種類だけ増えます。

この件も含め必要があってjavascriptを勉強し始めたのですが、
まだ未熟すぎ、こちらがどうしても上手くいきません。
どうぞ宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

No.1

回答者： fujillin
回答日時：2008/09/17 20:20

相手が自動生成のページだとすると、別のページが読み取るタイミングをどうするつもりなのでしょうか？

そのサイトで
＞金額情報を自働生成されるページのみでしか表示させる事ができない仕様です
となっているのは、そのようにする理由があるからではないのでしょうか？
他のページには表示ないようにという様なルールがあるとか、何かきちんとした理由があるのではないのかなぁ??

質問を読む限りでは、技術的には○○を探して、××を照合すれば、読み出すことは不可能ではないみたいだけど・・・

この回答への補足

＞相手が自動生成のページだとすると、別のページが読み取るタイミングをどうするつもりなのでしょうか？
商品説明・選択画面：カート内金額表示無し
↓
商品購入：レジ画面に飛び、カート内金額表示
↓
続けて買い物する→商品説明・選択画面：カート内金額表示なし
という流れになりまして、商品説明・選択画面に飛んだ際に読み取るようにと考えております。
カート内に商品が入ってない場合には０円と表示されます。

＞そのサイトで
＞＞金額情報を自働生成されるページのみでしか表示させる事ができない仕様です
＞となっているのは、そのようにする理由があるからではないのでしょうか？
＞他のページには表示ないようにという様なルールがあるとか、何かきちんとした理由があるのではないのかなぁ??
ショッピングカートのサポートセンターまで相談してみたところ、
　そのシステムをこちらで作成する事はできませんが、
　金額表示するページのURL(price.html)をAjaxでアクセスし、取得したhtmlの情報を別のページに表示してください。
との返答を受けまして勉強しつつ作成を試みてるのですが、未熟すぎ未だ解らず…どうぞ宜しくお願い致します。

補足日時：2008/09/17 22:12

通報する

- 0
- 件

通報する

No.2ベストアンサー

回答者： fujillin
回答日時：2008/09/18 11:10

#1です。

多少、コーディングの知識があれば考え方はそれほど難しくはないと思いますが、メソッドやプロパティを知らないと面倒ですね。
おおむね、以下のような流れでなんとかなると思います。
ご質問の情報からだと、<p>タグでclass名がpriceを持っている表示文字ということで特定できるように見受けられますが、実際の内容に応じてアレンジしてください。

1）読み取る際の対象を指定できるように、自動生成されるウィンドウにあらかじめtargetなどで名前を付けておく。
2）そのウィンドウのドキュメント（ソース）に対して、以下の処理を行う。
　2-1対象となるタグを探す。（例ではdivタグ）
　　elm = document.getElementsByTagName("div");　など
　　（該当オブジェクトは複数あるので、elmは配列になります。）
　2-2この要素に対してclassがpriceのものを探す。
　　for ( e=0; e<elm.length; e++) {
　　　if (elm[e].className=="price") txt = elm[e].innerText;
　　}
　elm[e]に対して、表示テキストだけをとるなら、innerText、HTMLごと読みとるならinnerHTMLを利用することで文字列として内容（金額情報）を参照できます。　あとは、必要に応じて適当に処理してください。
だいたいこんな要領で目的は達せられるかと思います。

注意点として、javascriptはブラウザによって多少解釈が違うので、各種ブラウザで問題なく動作するように作成することぐらいでしょうか。
javascriptの構文等の説明は、ウェブで検索すればたくさん見つかるはずですので、そちらで調べてください。