人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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;
?>

●質問者: clab_yasu
●カテゴリ:ウェブ制作
✍キーワード:D.P HTML INDEX jQuery PHP
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● y-kawaz
●35ポイント

$.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...

◎質問者からの返答

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

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

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

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

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

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


2 ● y-kawaz
●35ポイント

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);});">
◎質問者からの返答

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ