php+ajaxを使用してページを部分的に更新する方法-PHPチュートリアル-php.cn

php+ajaxを使用してページを部分的に更新する方法

WBOY

リリース： 2016-06-23 13:45:13

オリジナル

1047 人が閲覧しました

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 ページ