私はAjaxスクリプトの初心者で、ユーザーがリンクをクリックしたときにMysqlクエリの結果を表示するスクリプトを作成しようとしています。Ajaxスクリプトを呼び出すonClick()関数を使用することを考えました。これが私のコードです:
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="/course/format/topics/ajax.js" type="text/javascript"></script>
<div id="stitre">
<a href="#" onclick="display()" id="link1" class="link"> Link 1</a>
</div>
<div id="one"> </div>
<div id="stitre">
<a href="#" onclick="display()" id="link2" class="link"> Link 2</a>
</div>
<div id="one"> </div>
私のajax.jsコード:
$(document).ready(function() {
for (var i=1; i<3; i++) {
var id = document.getElementById("#link" + i);
function display() {
$.ajax({
async: false,
type: "POST",
url: "myphp.php",
data: "id=" + id,
dataType: "json",
success: function(msg) {
if(msg.success) {
$("#one").html(msg);
} else {
alert("error");
}
}
});
};
}
});
そして最後に、myphp.php:
<?php
require_once('config.php');
mysql_connect($CFG->dbhost, $CFG->dbuser, $CFG->dbpass);
mysql_select_db($CFG->dbname);
mysql_query("SET NAMES 'utf8'");
$id = $_GET['id'];
if($return = display($id)) {
echo "success";
} else {
echo "error";
}
echo json_encode($reply);
?>
今のところ、リンクをクリックしても何も表示されません。