jQuery load() について質問です。


index.html から load.php に値を渡して結果をindex.htmlの中の
「<p id="message"></p>」に表示させています。
上記結果をアラートにて表示させるにはどのようにしたらよろしいでしょうか?
ご回答よろしくお願いいたします。

【index.html】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<script src="jquery.js" type="text/javascript"></script>
</head>
<body>
<input type="button" value="click" onClick="$('#message').load('load.php?no=A');">
<input type="button" value="click" onClick="$('#message').load('load.php?no=B');">
<p id="message"></p>
</body>
</html>


【load.php】

<?php
$text = $_GET["no"];
print $text;
?>

回答の条件
  • 1人5回まで
  • 登録:2009/10/23 15:28:50
  • 終了:2009/10/23 16:33:42

回答(2件)

id:y-kawaz No.1

y-kawaz回答回数1420ベストアンサー獲得回数2252009/10/23 15:39:20

ポイント35pt

$.get や $.ajax 等を使えばよいです。

$.get("load.php?no=A", function(data){
  alert("Data Loaded: " + data);
});

//↓パラメータがあるならこうした方が良いかも知れません
$.get("load.php", {no: "A"}, function(data){
  alert("Data Loaded: " + data);
});

http://semooh.jp/jquery/api/ajax/jQuery.get/+url,+data,+callback...

id:clab_yasu

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

<input type="button" value="click" onClick="$.get("load.php?no=A", function(data){alert("Data Loaded: " + data);});">

と記述してみましたが反応ありませんでした。

load.phpへ渡す値は複数のボタンからとなります。

ボタンAからは値=A、ボタンBからは値Bとなります。

このような場合はどのような記述になりますか?

2009/10/23 15:50:02
id:y-kawaz No.2

y-kawaz回答回数1420ベストアンサー獲得回数2252009/10/23 16:09:44

ポイント35pt

onclick 属性に書くならダブルクオートをエスケープするかシングルクオートを使いましょう。Javascriptの内容以前の問題です。

<input type="button" value="click" onClick="$.get("load.php?no=A", function(data){alert("Data Loaded: " + data);});">
↓
<input type="button" value="click" onClick="$.get('load.php?no=A', function(data){alert('Data Loaded: ' + data);});">
id:clab_yasu

ありがとうございました。

思っていた通りの動作で感謝いたします。

2009/10/23 16:33:24

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません