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

client.html

XML/HTML code

<!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 code

<?php

$ret = array();

$ret[‘content‘] = ‘新內容‘;

echo json_encode($ret);

?>

时间： 2024-10-19 01:30:33

如何用php+ajax实现页面的局部刷新？（转）的相关文章

ajax跳转到新的jsp页面（局部刷新）

ajax可以实现局部刷新页面,即在不刷新整个页面的情况下更新页面的局部信息. 项目中遇到一个问题:在用户列表也,当点击某个按钮时需要去查询用户的信息,查询成功跳转到用户详情界面:查询失败,则在原页面弹出提示信息. 想到两个解决办法: 方法一: 点击按钮,调用普通方法去查询用户信息,查询成功跳转到用户详情页面:查询失败,重定向调用查询用户列表的方法,在查询用户列表的方法结束后重新跳转到用户列表页面并弹出提示信息,相当于重新加载了用户列表页面. 方法二: 根据需求,不可以重新加载用户列表页面.用aj

ajax实现网页的局部刷新

从页面到ajax函数的运行的大致思路:页面点击事件,触发 xmlHttp.open("post", url, true)函数的执行.通过web.xml的配置的servlet-mapping,url所附带的参数会被处理的servlet类接收,此类中可进行数据库的查询,并将查询结果以xml文件的格式保存下来,页面会以解析xml文件将值传到前台,完成了局部刷新的功能. 1.mysql创建的数据库表的字段及相对应的javabean.(可使用hibernate框架构建user数据库) user.

【ThinkPHP框架学习】(2) --- 后台管理系统如何用iframe点击左边右边局部刷新

如题: 在写后台管理系统时,需要实现后台界面的局部动态刷新. 左边的导航栏使用a标签进行设置,通过href和target属性的配合,就可以将iframe中的子页实现动态刷新. 原理:设这你的 iframe 的名字比如iframe name="main"你左边的页面中 <a href="Article_Manage.asp" target="main">文章管理</a> 解读源码: 1.在右边嵌套框中写入嵌套代码

jquery ajax配合SpringMVC实现局部刷新DIV

feedback.jsp: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <% String path = request.getContextPath();

jquery ajax协调SpringMVCD实现局部刷新IV

feedback.jsp: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <% String path = request.getContextPath();

实现HTML页面的局部刷新

也可以用iframe方法发get请求,但是目前iframe基本已经被弃用,所以此处就不介绍这个方法. 方案一:用图片造 get 请求 button.addEventListener('click', function(e){ let image = document.createElement('img') image.src = '/pay' image.onload = function(){ // 状态码是 200~299 则表示成功 alert('成功') } image.onerror

（局部刷新）jquery.ajax提交并实现单个div刷新

web开发中我们经常会遇到局部刷新页面的需求,以前我经常使用ajax和iframe实现局部刷新,后来做政府的项目,对页面的样式要求比较多,发现使用iframe控制样式什么的很麻烦,所以就采用了新的办法,就是下面我们要说的ajax配合div局部刷新页面,其实很简单,下面我们就看一下这种刷新方式是如何实现的. jsp页面ajax代码如下: $("#waitWork").click(function(){ var url = "请求地址"; var data = {typ

JQuery的Ajax请求实现局部刷新的简单实例

我要实现状态的更改,用JQuery的Ajax更改完之后图标发生改变,实现页面的局部刷新原理:局部刷新是刷新页面的一部分,在此案例中实现的只是图标的改变,把后台代码和前台现实的图标分离,并不是对数据库重新做查询,二是后台数显数据修改之后,前台直接改变图标. 1.页面给每条记录的图标一个唯一的id值: 代码如下: <td align="center"> <s:if test="messageState == 0"><img src

服务器端控件的局部刷新,CallBack

服务器端控件的局部刷新,CallBack (2007-01-13 13:46:37) 转载▼ 分类: 技术资料发现了.net2.0原来有套CallBack机制,可以轻松实现服务器控件类似AJAX的效果(实现局部刷新),不过真的是服务器端控件用AJAX的话,效果确乎是没ASP.NET AJAX 好Callback与asp.net ajax的UpdatePanel控件内在实现机制都是Ajax但采用UpdatePanel控件的页面仍然采用Postback方式与服务器交互,会更新ViewState