如何用php+ajax实现页面的局部刷新-PHP 튜토리얼-php.cn

如何用php+ajax实现页面的局部刷新

WBOY

풀어 주다： 2016-06-23 13:45:13

원래의

1048명이 탐색했습니다.

如何用php+ajax实现页面的局部刷新？

是这样的：比如有一块div，里边是用户的评论，然后在div的上面有一个评论框，在评论框中输入评论信息以后会自动插入数据库，然后下边的div中也会自动显示用户的评论。就是需要实现这样的一个功能，一开始想着是让整个页面自动刷新，这样是能实现功能，但是这样太不友好了，浪费时间需要加载整个页面。所以想实现只刷新div里面的内容，网页其他的地方不用刷新。可以不用ajax实现也可以用js，，但是不会啊，，哪位高人帮帮忙啊？

回复讨论(解决方案)

用户完后完成输入提交，如果成功，就把提交的内容追加到评论列表。
具体可以查看ajax使用，以及与php交互。

你到网上搜下，ajax异步提交数据，很多案例的，或者直接到jquery官网看使用方法

要刷新的页面

<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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> <head>  <meta http-equiv="content-type" content="text/html; charset=utf-8">  <title> jquery demo </title>  <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>  <script type="text/javascript">	function show(){		$.get( "server.php", function(data) {			$('#txt').html(data.content);		}, "json" );	}  </script>  </head> <body>	<p>??不?被刷新</p>	<div id="txt">原??容</div>	<input type="button" value="刷新?容" onclick="show()"> </body></html>

로그인 후 복사

server.php

<?php$ret = array();$ret['content'] = '新?容';echo json_encode($ret);?>

로그인 후 복사

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

如何用php+ajax实现页面的局部刷新

回复讨论(解决方案)