test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<script type="text/javascript" src="../../jquery-1.3.2/jquery-1.3.2.js"></script>
<script type="text/javascript">
<!--
$(document).ready( function () {
$('#repet').click(copycontent);
$('#btn').click ( function () {
$.ajax({
url: 'test.php?action=step',
type: 'POST',
data:'num='+$('#vcolum').val(),
dataType: 'html',
timeout: 1000,
error: function(){
alert('Error loading XML document');
},
success: function(html){
$('#text').html(html);
}
});
});
})
function copycontent(){
var repetnn;
repetnn = $('#hfcon').html();
repetnn = '<blockquote class="b"><p>'+repetnn+'</p></blockquote>';
$('#hfcon2').html(repetnn);
//$('#content').val(repetnn);
}
//-->
</script>
<style>
.b{
border:1px dotted #e3e3e3;
background:#f6f6f6;
}
</style>
</head>
<body>
<div id="hfcon">
<blockquote class="b"><p>
comment (1)</p>
<blockquote class="b"><p>
comment (1.1)
</p></blockquote>
<blockquote class="b"><p>
comment (1.2)</p>
<blockquote class="b"><p>
comment (1.2.1)
<blockquote class="b"><p>
comment (1.2.1.1)
</p></blockquote>
</p></blockquote>
</blockquote>
</blockquote>
<div id="repet"><a href="#">回复</a></div>
<p></p>
</div>
<div id="hfcon2">
</div>
<input type="text" id="vcolum" name="vcolum" />
<input type="button" value="查看" id="btn"/>
<div id="text"></div>
<p></p>
<textarea name="content" cols="80" rows="10" id="content"></textarea>
</body>
</html>
test.php
<?
include_once('common.inc.php');
include_once(CORE.'user.class.php');
$user = new user();
$num = trim($_POST['num']);
$action = $_REQUEST['action'];
$list = $user->getall($num);
foreach($list as $value1){
foreach($value1 as $value2 ){
echo $value2.'<br>';
}
}
echo $action;
//echo '<pre>';
?>
分享到:
相关推荐
这个“php+jquery+ajax最简单例子”旨在教你如何使用这些工具实现一个基本的异步数据交换功能。 首先,让我们深入了解这三个概念: 1. PHP(Hypertext Preprocessor):这是一种服务器端脚本语言,主要用于网页...
本插件结合了PHP、jQuery和Ajax技术,提供了一种高效、用户友好的多图片上传解决方案。通过Ajax异步传输,用户可以在不刷新页面的情况下完成文件上传,提升用户体验。 首先,我们来了解一下这个系统的组成部分: 1...
本篇将详细讲解如何利用jQuery、Ajax和PHP实现这一功能。 **一、jQuery简介** jQuery是一个高效、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。jQuery的核心特性是可以使开发者更方便...
在本项目中,"Jquery+ajax+php+mysql数据库实现用户注册登录"是一个典型的Web应用程序开发案例,它涵盖了前端交互、后端处理以及数据库管理等多个方面。以下将详细阐述这些知识点: 1. **Jquery**:Jquery是一个...
总结来说,"PHP+jQuery+Ajax多图片上传"是一种高效且用户体验良好的图片上传解决方案,结合了前端的动态交互和后端的服务器处理,实现了Web应用中的重要功能。开发者需要熟练掌握这些技术,以便在实际项目中灵活运用...
在本文中,我们将深入探讨如何使用jQuery和Ajax技术实现一个简单的登录验证系统。这个系统能够实时检查用户输入的用户名和密码是否有效,而无需页面刷新,从而提供更流畅的用户体验。 首先,jQuery是一个轻量级的...
在本项目中,我们采用了JQuery、Ajax、PHP和MySQL技术来实现一个分类列表的管理功能。这个系统的核心是利用Ajax实现前后端的无刷新通信,以提高用户体验和交互效率。接下来,我们将深入探讨这些技术及其在项目中的...
这个技术方案结合了服务器端处理(PHP)、客户端交互(jQuery)以及异步数据交换(Ajax),实现了用户在不重新加载整个页面的情况下进行分页和搜索操作,极大地提升了用户的浏览体验。 **PHP** 是一种广泛使用的...
PHP、jQuery和Ajax的结合能够帮助我们实现无刷新的交互,提高用户界面的响应速度和整体体验。下面我们将深入探讨如何使用这些技术来创建一个用户登录与退出系统。 首先,`index.php`通常是网站的主入口页面,它可能...
在本文中,我们将深入探讨如何实现“PHP+jQuery+AJAX无刷新多图上传”的技术细节。这是一种在网页上实现动态、用户友好的图片上传功能的方法,它允许用户在不刷新整个页面的情况下上传多张图片,提高用户体验。下面...
本项目主要展示了如何利用jQuery库来实现AJAX的增删改查功能,帮助开发者更好地理解和运用这两种技术。 **一、jQuery简介** jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax...
这个名为"jquery+ajax+php文件下载.rar"的压缩包文件很可能包含了一个示例项目,展示了如何利用这些技术实现在网页上无刷新地下载文件。下面我们将详细探讨这三个关键知识点。 首先,jQuery是一个广泛使用的...
在"jqueryAjax.zip"压缩包中,应该包含了一个简单的Web项目,项目中的HTML文件包含了jQuery和Ajax的示例代码,PHP文件用于处理Ajax请求,以及可能的CSS和JavaScript文件来提升用户体验。开发者可以解压这个文件,...
本篇文章将深入探讨如何使用jQuery与AJAX技术来实现一个简单的用户名验证功能,以此来确保用户输入的用户名的独特性。这个过程涉及到前端与后端的交互,以及JavaScript、jQuery库和HTTP请求的基本原理。 首先,...
PHP+jQuery+Ajax漂亮的许愿墙效果
有同学问我如何实现一个像美丽说那样的“我喜欢”评级功能,当用户看到自己喜欢的图片或文章时,点击“红心”按钮,系统会自动记录用户的点击,并将总数加1。这样再结合不同的系统,可以将此功能应用到投票或收藏...
在本文中,我们将深入探讨如何使用PHP、jQuery和Ajax技术来实现一个仿淘宝的多上传按钮功能,允许用户单文件上传。这个功能在现代Web应用中非常常见,它提供了友好的用户体验,允许用户在不刷新页面的情况下上传文件...