使用ajax+jquery+php访问mysql数据库，并且达到不跳转页面的效果。。。
点击页面的一个按钮，然后表格表格形式显示数据库中数据。（注意：不要跳转页面）主要要js部分和php部分。。谢谢！！...
点击页面的一个按钮，然后表格表格形式显示数据库中数据。（注意：不要跳转页面）
主要要js部分和php部分。。谢谢！！ 展开
主要要js部分和php部分。。谢谢！！ 展开
3个回答
展开全部
完整代码如下：
html
<script>
window.onload=function(){
try{
var xmlHttp = new XMLHttpRequest();
}catch(e){
//无法生成对象 那么就是IE浏览器或不支持AJAX
try{
var xmlHttp = new ActiveXObject( "Msxml2.XMLHTTP" );
}catch(e){
try{
var xmlHttp = new ActiveXObject( "Microsoft.XMLHTTP" );
}catch(e){
alert('你必须使用支持AJAX的浏览器');
}
}
}
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState == 4 && xmlHttp.status==200){
//请求完成！
var result = xmlHttp.responseText;
var re = eval('('+result+')');
var htmlStr='<tr><td>ID</td><td>NAME</td></tr>';
for(var i=0;i<re.length;i++){
htmlStr+='<tr><td>'+re[i].id+'</td><td>'+re[i].name+'</td></tr>'
}
document.getElementById('result').innerHTML=htmlStr;
}
};
xmlHttp.open('get','../phpLab/index.php',true);
xmlHttp.send(null);
};
</script>
<body>
<div id="showResult">
<table id="result">
</table>
<div>
</body>
php测试 代码
<?php
//数据库只有两个字段 id,name
$handle = mysql_connect('localhost','root','');
mysql_select_db('test',$handle);
$sql="select * from testTbl";
$result = mysql_query($sql);
$arr = array();
while($r= mysql_fetch_assoc($result)){
$arr[]= $r;
}
echo json_encode($arr);
?>
结果：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="button" onclick="aa()" value="点我" />
<div></div>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function aa(){
$.post("index.php",{"id":1},function(data){
$("div").html(data);
})
}
</script>
<?php
//查数据库
//返回数据
echo "<table><tr><td>1</td><td>2</td></tr><tr><td>1</td><td>2</td></tr></table>";
<div></div>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function aa(){
$.post("index.php",{"id":1},function(data){
$("div").html(data);
})
}
</script>
<?php
//查数据库
//返回数据
echo "<table><tr><td>1</td><td>2</td></tr><tr><td>1</td><td>2</td></tr></table>";
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="button" class="ajax" value="查看数据" />
<div></div>
<script>
$(function(){
$('.ajax').click(function(){
$('div').load('index.php');
});
});
</script>
<div></div>
<script>
$(function(){
$('.ajax').click(function(){
$('div').load('index.php');
});
});
</script>
追问
为什么按钮不见了？？？
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
