電子書籍の厳選無料作品が豊富！

JavaScriptでリクエストを飛ばす方法を教えて下さい。

締切済

  • 質問者：webschool
  • 質問日時：
  • 回答数：3件

下記内容で画像の切り替えを教えて頂いたのですがこれに
画像をクリックした時にサーバー側にクリックした事を分るために
URL（リクエスト）をバックグラウンド（非同期かな）で渡したいと
思います。
どうしたら良いでしょうか？？
ブラウザーの画面は画像をクリックしても切り替わりません。

誠に恐縮ですが下記ソースに追加して教えて頂ければと思います。
何卒よろしくお願いします。

<html>
<head>
<script type="text/javascript"><!--
function clickImg( img ) {
var arraySrc = img.src.split( '/' );
var src = arraySrc[arraySrc.length - 1];
if( src == "a.jpg" )
{
document.cookie = "click=1;";
img.src = "b.jpg";
img.style.cursor = "default";
}
}
function init() {
if( document.cookie )
{
var img = document.getElementById( "img1" );
document.getElementById( "img1" ).src = "b.jpg";
img.style.cursor = "default";
}
}
//--></script>
</head>
<body onload="init();">
<img src="a.jpg" id="img1" style="cursor:pointer;" onclick="clickImg(this);" />
</body>
</html>

通報する

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

質問の本文を隠す

A 回答 (3件)

No.3

  • 回答者： taloo
  • 回答日時：

> たぶん下記サイトの内容を組み合わせるのだと思いますがうまくいきません。


組み合わせの方法は、以下のページから
http://f32.aaa.livedoor.jp/~azusa/index.php?t=aj …
> 例：ページビューランキング
のview sampleを見てみて下さい。
window.onloadで実行している関数をimage.onclickで実行してください。


サーバーにデータを渡したら終わり、というのなら、
onreadystatechangeイベントハンドラのセット、fXmltoDom()、fCreateRanking()を全部消すくらいでも良いかも知れません。

fXmltoDom()がXMLファイルの分解と解析
fCreateRanking()が分解したXMLファイルの表示を行っています。
document['xmlObject']への代入は「え？」と思うところですが、、、
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： fujillin
  • 回答日時：

こんにちは



参考にされている「PHP & JavaScript Room」は大変親切に解説されていますので、これ以上の説明はできません。
ちゃんとソースもサブルーチン化されて表示されていますし、各ブラウザにも対応しているようですので、そのまま利用してなんの問題もないと思われます。

一応、試してみましたが（サーバ側はperlで）、問題なく動作しました。

＞クリックした情報を非同期でサーバにリクエストをしたいと思っております。

サブルーチンになっているので、クリックした時の処理にtestXmlHttpRequestObj()の呼び出しを一行追加すれば良いだけでは？
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答ありがとうございます。

ご指摘通りたぶんtestXmlHttpRequestObj()を追加すればうまくいくのではないかと思っていますがそこが根本的に分っていません。

どこに追加すれば良いか教えて頂けるとありがたいです。
宜しくお願いします。

通報する
お礼日時：2008/06/25 14:42

No.1

  • 回答者： fujillin
  • 回答日時：

＞URL（リクエスト）をバックグラウンド（非同期かな）で渡したいと思います。


ご質問の意味がわかりかねます。

実験してみましたが、問題なく動くようですよ。
もっともクッキーがあれば最初からb.jpegが表示されるようになっているみたいですが、これは多分わざわざそうしているのですよね？
bodyタグの　onload以下を消せば、毎回a.jpgが表示されて、クリックすればb.jpgになるはずですけど。
でもそれだけだったら、onclickのあとにthis.src="b.jpg";this.style.cursor="default";だけで済んじゃいますね。

関係ありませんが、多分ゴミがどこかで入ったらしいので・・・
25行目最後の />の「/」は不要と思われます。

この回答への補足

説明不足で大変申し訳ありません。

単純に書きますとクリックした情報をサーバに飛ばしたい
つまりリクエストを飛ばすだけです。

その内容をJavaScriptのソース内に、埋め込みたいです。
飛ばす内容はhttp://www.hogehoge.co.jp/?id=でこのリクエスト
がサーバに来たらサーバ側でプログラムを動きます。

プログラムはできているのでクリックしたときにこの内容
（http://www.hogehoge.co.jp/?id=）を飛ばす方法を知りたいです。

よろしくお願いします。

補足日時：2008/06/24 01:57
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご回答ありがとうございます。

質問の意図が分りづらく申し訳ありません。
画像をクリックしたデータをサーバ側で認識をしたいと考えております。
phpで処理したいと思っています。
たぶん下記サイトの内容を組み合わせるのだと思いますがうまくいきません。
http://f32.aaa.livedoor.jp/~azusa/index.php?t=aj …

ざっくりといいますとクリックした情報を非同期でサーバにリクエストを
したいと思っております。
宜しくお願いします。

通報する
お礼日時：2008/06/23 22:20

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報