php +ajax +sqlでデータ対話を実現

1新しいSQLテーブルを作成します。

ul

>< ;

script

type=

"text/javascript"

> $(

function(){ $.ajax({ type: "post",//転送メソッドurl: " phpToAJAX.php",//データインターフェースdataType: "json",//受信形式成功: function(msg)//受信が成功したら、次のコマンドを実行します{ var li=""; for(var i =0;ilength-1;i++)//これは 10 に制限されています { li+="

< ;h2>"+msg[i] ['タイトル']+"gt;

"+msg[i]['コンテンツ']+"...< ;a href='phpArtcle.php?art ="+msg[i]['id']+"' target='_blank'>詳細"; } $("#list").html(li); }, error:function()//受信に失敗した場合は以下を実行

<strong><?php</strong> header(<strong>"Content-Type:text/html;charset=utf8"</strong>);//申明编码格式 $conn=mysql_connect(<strong>"localhost"</strong>,<strong>"root"</strong>,<strong>"aaaaaa"</strong>) <strong>or die</strong>(<strong>"</strong><strong>数据库连接错误</strong><strong>"</strong>.mysql_errno());//连接sql mysql_select_db(<strong>"phptest"</strong>,$conn); mysql_query(<strong>'SET NAMES UTF8'</strong>) <strong>or die</strong>(<strong>'</strong><strong>字符集设置错误</strong><strong>'</strong>.mysql_error());//设置输入的字符集编码 <strong>?></strong>

<strong>3.php服务端提供给前端ajax数据接口，新建文件phptoAJAX。php</strong>

<pre class="n"><strong><?php</strong> <strong>require_once</strong>(<strong>"conn.php"</strong>);//导入公用文件 $query=mysql_query(<strong>"SElECT * FROM txt"</strong>) <strong>or die</strong>(<strong>"</strong><strong>错误提示：</strong><strong>"</strong>.mysql_error()); $jsonArray=<strong>array</strong>();//新建数据用于接收数据库每行对应的数据组 <strong>while</strong>($rows=mysql_fetch_array($query)) {

 //处理数据库里面的自动对应的内容  $rows[<strong>'content'</strong>]=mb_substr(strip_tags(htmlspecialchars_decode($rows[<strong>'content'</strong>])),0,100,<strong>"utf-8"</strong>);  //把数据库的内容添加到新建数组中  

 array_push($jsonArray,$rows);//注意这里是$rows  } <strong>echo </strong>json_encode($jsonArray);//转换成json传递给前端

if ($rows=mysql_fetch_array($query)){ echo "

".$rows['title']."

"echo "< div>".htmlspecialchars_decode($rows['content '])."

";} -------------------完了--------------- ----------