jquery が導入されて以来、ajax は非常にシンプルで実装が簡単でした。ここで、jquery ajax+php mysql に基づいた更新不要のニュース メッセージ システムの実装プロセスを紹介します。この記事が役立つことを願っています。
更新を必要としない最も簡潔でわかりやすい ajax メッセージ システムで、ソース コードはデータ検証を受け入れるプロセスを省略します。読者は自分のニーズに応じて拡張できます。
コアソースコード:
1.設定ファイル:config.php
コードは次のとおりです | コードをコピー |
//データベース構成情報 (ユーザー名、パスワード、データベース名、テーブルプレフィックスなど) $cfg_dbhost = "ローカルホスト"; $cfg_dbuser = "ルート"; $cfg_dbpwd = "ルート"; $cfg_dbname = "ajaxdemo1"; $cfg_dbprefix = "";
mysql_select_db($cfg_dbname); mysql_query("set names utf8"); ?> |
2. リクエストを処理します: deal.php
コードは次のとおりです | コードをコピー |
header("Content-type:text/html;charset=utf-8"); 「config.php」をインクルードします; //Post はデータを受け取ります。効果を実証するためだけに、ここでは検証は必要ありません $name = $_POST['name']; $content = $_POST['content'];
$res = mysql_query($sql,$link); if($res){ echo '{"name": "'.$name.'","content": "'.$content.'","status": "1"}'; } ?> |
3.首页代码:index.php
代码如下 | 复制幣 |
ボディ{カラー:#555;フォントサイズ:14px;パディング:0;マージン:0;} #form { 背景:#デデデ;パディング:10ピクセル 20ピクセル;幅:300ピクセル;} #show{ 背景:#f6f6f6;パディング:10px 20px;幅:300ピクセル;} #show p{ margin:6px;フォントサイズ:13px;行の高さ:22px; border-bottom:1px 破線 #cdcdcd;} $(関数(){ $("#sub").click(function(){ //只是说明原理、然后这里省去了验证文本框内容的步段階,直接送信ajax请求 $.post("deal.php",{名前 : $("#name").val(), コンテンツ : $("#content").val()}, function(data){ if(data.status){ var str = " "+data.name+"公開表了:"+data.content+" ";$("#show").prepend(str); // 前面に追加 }その他{ alert("评论失败"); } }, 'json'); }); }); スクリプト>
「config.php」を含める; $sql = "テストから * を選択;"; $res = mysql_query($sql,$link); while($row=mysql_fetch_array($res)){ echo " ".$row['name']."公開表了:".$row['content']." ";} ?> ボディ> |