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

使用ajax+jquery+php访问mysql数据库,并且达到不跳转页面的效果。。。,第1张

完整代码如下:

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=0i<re.lengthi++){

                         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)

?>

结果:

服务器端:

$result    =array()

while($rows=mysql_fetch_row($res)){

    $result[]    =$rows

}

echo json_encode($result)

客户端:

<script language="javascript" src="jquery.js"></script>

<script language="javascript">

$.ajax({

    type:'get',        //请求的方式GET/POST

    url:"server.php",    //请求的服务器地址

    cache:false,        //是否缓存

    data:{'xmlHttp','YES'},//传递给服务器的数据,是JSON键值对格式

    dataType:'json',    //返回的数据类型

    success:function(data){//请求成功时执行的 *** 作

        var    json    =eval(data)

        for(var i=0i<json.lengthj++){//扫描数组中的每个元素

            

        }

    }

})

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6147517.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存