PHP+ajax で更新なしのニュース メッセージ システムを実装 (ソース コード付き)_PHP チュートリアル

WBOY
リリース: 2016-07-13 10:50:42
オリジナル
941 人が閲覧しました

jquery が導入されて以来、ajax は非常にシンプルで実装が簡単でした。ここで、jquery ajax+php mysql に基づいた更新不要のニュース メッセージ システムの実装プロセスを紹介します。この記事が役立つことを願っています。

更新を必要としない最も簡潔でわかりやすい ajax メッセージ システムで、ソース コードはデータ検証を受け入れるプロセスを省略します。読者は自分のニーズに応じて拡張できます。


コアソースコード:


1.設定ファイル:config.php

コードは次のとおりです コードをコピー


//データベース構成情報 (ユーザー名、パスワード、データベース名、テーブルプレフィックスなど)

$cfg_dbhost = "ローカルホスト";

$cfg_dbuser = "ルート";

$cfg_dbpwd = "ルート";

$cfg_dbname = "ajaxdemo1";

$cfg_dbprefix = "";


$link = mysql_connect($cfg_dbhost,$cfg_dbuser,$cfg_dbpwd);

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'];


$sql = "テスト (名前,コンテンツ) 値に挿入 ('{$name}','{$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;}

人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート