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;
?>
$.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...
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);});">
ありがとうございました。
思っていた通りの動作で感謝いたします。
早速のご回答ありがとうございます。
<input type="button" value="click" onClick="$.get("load.php?no=A", function(data){alert("Data Loaded: " + data);});">
と記述してみましたが反応ありませんでした。
load.phpへ渡す値は複数のボタンからとなります。
ボタンAからは値=A、ボタンBからは値Bとなります。
このような場合はどのような記述になりますか?