ホームページ php教程 php手册 php无刷新发表评论实现代码

php无刷新发表评论实现代码

Jun 07, 2016 am 11:43 AM

ajax发表评论的原理很简单就是把以前php提交数据给后面处理程序,然后用户等待再返回页面重新读取数据,我们利用了一个ajax来实现无刷新了,其实就是局部刷新,利用XMLHttpRequest就可以实现局部数据发送了。


PS:PHP+Ajax实现页面无刷新发表评论,希望对初学ajax的PHPer有所帮助。 我们需要一个基本的ajax开发框架,文件ajax.js就包含了这个框架,ajax.js文件我们第一步就有讲述了,只要大家按下面的方法一步步来操作就可以实现无刷新发评论了
var http_request=false;<br>   function send_request(url){//初始化,指定处理函数,发送请求的函数<br>     http_request=false;<br> //开始初始化XMLHttpRequest对象<br> if(window.XMLHttpRequest){//Mozilla浏览器<br>   http_request=new XMLHttpRequest();<br>   if(http_request.overrideMimeType){//设置MIME类别<br>     http_request.overrideMimeType("text/xml");<br>   }<br> }<br> else if(window.ActiveXObject){//IE浏览器<br>   try{<br>    http_request=new ActiveXObject("Msxml2.XMLHttp");<br>   }catch(e){<br>    try{<br>    http_request=new ActiveXobject("Microsoft.XMLHttp");<br>    }catch(e){}<br>   }<br>     }<br> if(!http_request){//异常,创建对象实例失败<br>   window.alert("创建XMLHttp对象失败!");<br>   return false;<br> }<br> http_request.onreadystatechange=processrequest;<br> //确定发送请求方式,URL,及是否同步执行下段代码<br>     http_request.open("GET",url,true);<br> http_request.send(null);<br>   }<br>   //处理返回信息的函数<br>    function processrequest(){<br>    if(http_request.readyState==4){//判断对象状态<br>      if(http_request.status==200){//信息已成功返回,开始处理信息<br>    document.getElementById(reobj).innerHTML=http_request.responseText;<br>   }<br>   else{//页面不正常<br>    alert("您所请求的页面不正常!");<br>   }<br>    }<br>   }<br>    function checkfourm(obj){<br>     var f=document.fourm;<br>     var newfourm=f.newfourm.value;<br>     var username=f.username.value;<br>     var id=f.id.value;<br>     if(username==""){<br>            document.getElementById(obj).innerHTML="<img src="/static/imghw/default1.png" data-src="showfourm.php?picid=<?=$id;?>" class="lazy" alt="php无刷新发表评论实现代码" > <font>您必须先登录!</font>";<br>      return false;<br>     }<br>     else if(newfourm==""){<br>      document.getElementById(obj).innerHTML="<img src="/static/imghw/default1.png" data-src="showfourm.php?picid=<?=$id;?>" class="lazy" alt="php无刷新发表评论实现代码" > <font>您还没填写评论内容!</font>";<br>      return false;<br>     }<br>     else{<br>      document.getElementById(obj).innerHTML="正在发送数据...";<br>      send_request('sendnewfourm.php?username='+username+'&newfourm='+newfourm+'&id='+id);<br>      reobj=obj;<br>     }<br>    }下面是服务器端的代码<?php <br />   header('Content-Type:text/html;charset=GB2312');//避免输出中文乱码,linux下不需要<br>   $username=trim($_GET['username']);<br>   $newfourm=trim($_GET['newfourm']);<br>   $id=$_GET['id'];<br>   $time=date("Y-m-d");<br>    <br>   include('inc/config.inc.php');<br>   include('inc/dbclass.php');<br>   $db=new db;//从数据库操作类生成实例<br>   $db->mysql($dbhost,$dbuser,$dbpassword,$dbname);//调用连接参数函数<br>   $db->createcon();//调用创建连接函数 <br>   <br>   $addsql="insert into cr_fourm values(0,'$newfourm','$username','$time',$id)";<br>   $db->query($addsql);<br>   echo"<img src="/static/imghw/default1.png" data-src="showfourm.php?picid=<?=$id;?>" class="lazy" alt="php无刷新发表评论实现代码" > <font>评论已成功发表!</font>";<br>   //echo $addsql;<br>   $db->close();//关闭数据库连接<br> ?>在给出页面的HTML代码<table> <br>       <tr> <br>         <td><?php echo $rows_p[p_info];?></td> <br>       </tr> <br>       <tr> <br>         <td> <br><br><iframe></iframe><br> </td> <br>       </tr> <br>       <tr> <br>         <td> <br><br><br>   <div></div> <br>   <form> <br>   <table> <br>           <tr> <br>             <td> 快速发表评论<span>(必须先登陆)用户名:<br>                 <input>" readonly><br>             </span> </td> <br>           </tr> <br>           <tr> <br>             <td><textarea></textarea></td> <br>           </tr> <br>           <tr> <br>             <td> <input><br>               <input><br>             <input>"></td> <br>           </tr> <br>         </table> <br>         </form> <br>         </td> <br>       </tr> <br>     </table>

AD:真正免费,域名+虚机+企业邮箱=0元

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Python プログラミングの入門コード例について学びます。 Python プログラミングの入門コード例について学びます。 Jan 04, 2024 am 10:50 AM

入門コード例で Python プログラミングについて学ぶ Python は、習得が簡単でありながら強力なプログラミング言語です。初心者にとって、Python プログラミングの入門コード例を理解することは非常に重要です。この記事では、すぐに始めるのに役立つ具体的なコード例をいくつか紹介します。 Print HelloWorldprint("HelloWorld") これは、Python の最も単純なコード例です。 print()関数は、指定された内容を出力するために使用されます。

PHP 変数の実際の使用: 10 の実際の使用例 PHP 変数の実際の使用: 10 の実際の使用例 Feb 19, 2024 pm 03:00 PM

PHP 変数はプログラムの実行中に値を保存し、動的でインタラクティブな WEB アプリケーションを構築するために重要です。この記事では、PHP 変数を詳しく説明し、10 個の実際の例を使用して実際に動作する様子を示します。 1. ユーザー入力の保存 $username=$_POST["username"];$passWord=$_POST["password"]; この例では、フォーム送信からユーザー名とパスワードを抽出し、その後の処理のために変数に保存します。 2. 構成値 $database_host="localhost";$database_username="username";$database_pa を設定します。

初心者から熟練者まで: Go 言語で一般的に使用されるデータ構造のコード実装 初心者から熟練者まで: Go 言語で一般的に使用されるデータ構造のコード実装 Mar 04, 2024 pm 03:09 PM

タイトル: 初心者から熟練者まで: Go 言語で一般的に使用されるデータ構造のコード実装 データ構造はプログラミングにおいて重要な役割を果たし、プログラミングの基礎です。 Go 言語には、一般的に使用されるデータ構造が多数あり、これらのデータ構造の実装をマスターすることは、優れたプログラマーになるために重要です。この記事では、Go 言語で一般的に使用されるデータ構造を紹介し、読者がこれらのデータ構造を使い始めて習熟するのに役立つ、対応するコード例を示します。 1. 配列 配列は基本的なデータ構造であり、同じ型のグループです。

Go 言語プログラミングの例: Web 開発のコード例 Go 言語プログラミングの例: Web 開発のコード例 Mar 04, 2024 pm 04:54 PM

「Go 言語プログラミングの例: Web 開発におけるコード例」 インターネットの急速な発展に伴い、Web 開発はさまざまな業界で不可欠な部分になりました。 Go 言語は、強力な機能と優れたパフォーマンスを備えたプログラミング言語として、Web 開発の開発者にますます好まれています。この記事では、読者が Go 言語をより深く理解し、Go 言語を使用して独自の Web アプリケーションを構築できるように、具体的なコード例を通じて Web 開発に Go 言語を使用する方法を紹介します。 1. シンプルな HTTP サーバー まず、

Java は単純なバブルソートコードを実装します Java は単純なバブルソートコードを実装します Jan 30, 2024 am 09:34 AM

Java バブル ソートの最も簡単なコード例 バブル ソートは一般的な並べ替えアルゴリズムであり、その基本的な考え方は、並べ替える順序を、隣接する要素の比較と交換を通じて順序付けされた順序に徐々に調整することです。次に、バブル ソートの実装方法を示す簡単な Java コード例を示します。 publicclassBubbleSort{publicstaticvoidbubbleSort(int[]arr){int

PHPを使用して在庫管理システムに在庫管理機能コードを記述する方法 PHPを使用して在庫管理システムに在庫管理機能コードを記述する方法 Aug 06, 2023 pm 04:49 PM

PHP を使用して在庫管理システムの在庫管理機能コードを記述する方法 在庫管理は多くの企業にとって不可欠な部分です。複数の倉庫を持つ企業にとって、在庫管理機能は特に重要です。在庫を適切に管理および追跡することで、企業は異なる倉庫間で在庫を割り当て、運用コストを最適化し、コラボレーション効率を向上させることができます。この記事では、PHP を使用して在庫倉庫管理機能のコードを記述する方法を紹介し、関連するコード例を示します。 1. 在庫倉庫管理機能のコードを書き始める前に、データベースを確立します。

Huawei Cloud Edge Computing Interconnection Guide: インターフェースを迅速に実装するための Java コード例 Huawei Cloud Edge Computing Interconnection Guide: インターフェースを迅速に実装するための Java コード例 Jul 05, 2023 pm 09:57 PM

Huawei クラウド エッジ コンピューティング相互接続ガイド: インターフェイスを迅速に実装するための Java コード サンプル IoT テクノロジーの急速な発展とエッジ コンピューティングの台頭により、ますます多くの企業がエッジ コンピューティングのアプリケーションに注目し始めています。 Huawei Cloud はエッジ コンピューティング サービスを提供し、企業に信頼性の高いコンピューティング リソースと便利な開発環境を提供し、エッジ コンピューティング アプリケーションの実装を容易にします。この記事では、Java コードを通じて Huawei Cloud エッジ コンピューティング インターフェイスを迅速に実装する方法を紹介します。まずは開発環境を準備する必要があります。 Java Development Kit がインストールされていることを確認してください (

ガイダンスと例: Java で選択ソート アルゴリズムを実装する方法を学習します。 ガイダンスと例: Java で選択ソート アルゴリズムを実装する方法を学習します。 Feb 18, 2024 am 10:52 AM

Java 選択ソート方法のコード記述ガイドと例 選択ソートは、シンプルで直観的なソート アルゴリズムです。そのアイデアは、ソートされていない要素から毎回最小 (または最大) の要素を選択し、すべての要素がソートされるまで交換することです。この記事では、選択項目の並べ替えのためのコード作成ガイドを提供し、特定の Java サンプル コードを添付します。アルゴリズム原理 選択ソートの基本原理は、ソート対象の配列をソート済み部分とソートされていない部分の 2 つの部分に分割し、その都度、未ソート部分から最小 (または最大) の要素が選択され、ソート済み部分の最後に配置されます。上記を繰り返します

See all articles