php +ajax +sql 实现数据交互

php +ajax +sql 实现数据交互_第1张图片

1.首先新建个sql表,表内容如上所示:


2.新建个公用文件conn.php来链接数据库:


header("Content-Type:text/html;charset=utf8");//申明编码格式
$conn=mysql_connect("localhost","root","aaaaaa") or die("数据库连接错误".mysql_errno());//连接sql
mysql_select_db("phptest",$conn);
mysql_query('SET NAMES UTF8') or die('字符集设置错误'.mysql_error());//设置输入的字符集编码
?>
3.php服务端提供给前端ajax数据接口,新建文件phptoAJAX。php


require_once("conn.php");//导入公用文件
$query=mysql_query("SElECT * FROM txt") or die("错误提示:".mysql_error());
$jsonArray=array();//新建数据用于接收数据库每行对应的数据组
while($rows=mysql_fetch_array($query))
{
  //处理数据库里面的自动对应的内容
    $rows['content']=mb_substr(strip_tags(htmlspecialchars_decode($rows['content'])),0,100,"utf-8");
  //把数据库的内容添加到新建数组中  
   array_push($jsonArray,$rows);//注意这里是$rows

}
echo json_encode($jsonArray);//转换成json传递给前端

4.新建phpToAJAX.HTML前端接收数据,这里我用jquery封装好的ajax方法,执行后的页面如下图所示:

html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>title>
    <script type="text/javascript" src="jquery-1.8.3.min.js">script>
head>
<body>
<ul id="list">
  
ul >
<script type="text/javascript"> 
   $(function(){  
      $.ajax({    
        type: "post",//传递方法
            url: "phpToAJAX.php",//数据接口  
          dataType: "json",//接收格式    
        success: function(msg)//如果接收成功执行以下 
           {   
             var li="";    
            for(var i =0;ilength-1;i++)//这里是限定10    
            {   
                li+="
  • "+msg[i]['title']+"

    "+msg[i]['content']+"...]+"' target='_blank'>详细

  • "; }  
                 $("#list").html(li);     
          },   
             error:function()//如果接收不成功执行以下
                {    
                    console.log("链接错误")
                }
            });
        });
    
    script>
    body>
    html>
    5.点击上一步图中所示的“详细”链接,可查看对应的文章内容,新建phpArtcle.php文件
    
    
    
    require_once("conn.php");
    $id=$_GET['art'];//接收前端上传的数据
    //查询数据库对应的内容
    $query=mysql_query("SELECT * FROM txt WHERE  id='$id'") or die("文章错误:".mysql_error());
    //遍历数组,显示内容
    if ( $rows = mysql_fetch_array ( $query )) { echo "

    " . $rows [ 'title' ]. "

    "
    ; echo "
    " . htmlspecialchars_decode ( $rows [ 'content' ]). "
    "
    ; }
    ------------------- 完毕 -----------------------

    
    


    你可能感兴趣的:(php +ajax +sql 实现数据交互)