page one.php
javascript: for调用函数 <script>
function chartmin(event) {
var mn = event.target.value;
var request = $.ajax({
type: "get",
url: "two.php",
data: {mn: mn}
});
request.done( function( msg ) {
$("#myboxmin").html(msg);
});
request.fail(function(jqXHR, textStatus) {
alert( "Request failed: " + textStatus );
});
}
</script>
这是我的php代码:
<?php
include '../koneksi.php';
$q=mysql_query("SELECT DISTINCT id_bab,name_bab FROM nama_pasal_topik") or die (mysql_error());
while($qq=mysql_fetch_array($q)){
$id_bab=array();
$id_bab[]=$qq['id_bab'];
$bab=$qq['id_bab'];
$nama_bab=$qq['name_bab'];
echo "<font color='blue'>".$bab."-->".$nama_bab."</font><br>";
?>
<a href="#" class="leftlinks" id="mn" name="mn" onclick="chartmin(event);" value="<?php echo $bab; ?>"><?php echo $nama_bab; ?></a>
<?php
}
?>
然后我想在这个div上打印数据
<div id="myboxmin">
</div> <!--tutup mybox-->
two.php页 <?php
$mn = $_GET['mn'];
echo $mn."tez";
?>
我想使用onclick
事件,但我想使用a href
。你知道怎么做吗?
你需要的是HIJAX(看一下这个)
基本上,正如@RayonDabre在他的评论中所说,你必须防止a
元素的默认行为。
监听a
元素,用preventDefault()
防止其行为
$("a").click(function(e) {
e.preventDefault();
url = $(this).attr("href");
$.ajax({
url: url,
data: yourData,
type: "get"
});
});
您可能希望在位置url中添加一个散列,以便在AJAX的success
回调(在您的情况下是request.done(function()...
)中跟踪导航。
window.location.hash = hash;
其中hash
变量包含可以添加到a
元素的data-hash
属性
<a href="someUrl.php" data-hash="#hashElement">Link</a>
您可以使用这个
检索data-hash
值var hash = $(this).data("hash");