ホームページ >バックエンド開発 >PHPチュートリアル >php+ajaxを使用してページを部分的に更新する方法
php+ajaxを使用してページを部分的に更新する方法
- WBOYオリジナル
- 2016-06-23 13:45:131096ブラウズ
php+ajax を使用してページを部分的に更新するにはどうすればよいですか?
これは次のようなものです: たとえば、内部にユーザーのコメントを含む div があり、その div の上にコメント ボックスがあります。 コメント ボックスにコメント情報を入力すると、それが自動的にデータベースに挿入されます。ユーザーは以下の div コメントに自動的に表示されます。このような機能を実装する必要があるため、最初はページ全体を自動的に更新することで機能を実現できると考えましたが、これではあまりにも不親切で時間の無駄であり、ページ全体を読み込む必要があります。したがって、Webページの他の部分を更新せずに、div内のコンテンツのみを更新したいと考えています。 ajax または js を使用せずに実装できますが、機能しません。専門家が助けてくれますか?
ディスカッション (解決策) に返信
成功すると、送信されたコンテンツがコメント リストに追加されます。
詳細については、ajax の使用と php との対話をご覧ください。
オンラインで検索したり、Ajax が非同期でデータを送信したりするケースがたくさんありますが、jquery 公式 Web サイトに直接アクセスして使い方を確認することもできます
更新するページ
<script src="jquery.min.js" type="text/javascript"></script><script>$(function(){ $("#reload").click(function(){ $.ajax({ type:"POST", url:"reload.php", success:function(msg){ if(msg) { $("#div1").html(msg); } } }); });});</script> <BODY> <div id="div1" style="float:left;width:400px;line-height:30px;margin:100px auto;">从前有座山！</div> <div style="width:100px;height:100px;"><input type="button" name="reload" id="reload" value="刷新" /></div> </BODY> reload.php ページ
<?phpecho "刷新之后";?>
とても簡単な例です。
client.html
RREE
server.php
RREE
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。