jquery ajax 访问 mysql_使用ajax+jquery+php访问mysql数据库，并且达到不跳转页面的效果。。。...

展开全部

完整代码如下：

html

window.οnlοad=function(){

try{

var xmlHttp = new XMLHttpRequest();

}catch(e){

//无法生成对象 那么就是IE浏览e69da5e887aa62616964757a686964616f31333335313161器或不支持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='

IDNAME';

for(var i=0;i

htmlStr+='

'+re[i].id+''+re[i].name+''

}

document.getElementById('result').innerHTML=htmlStr;

}

};

xmlHttp.open('get','../phpLab/index.php',true);

xmlHttp.send(null);

};

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

?>

结果：