`
wengbin22
  • 浏览: 14632 次
  • 性别: Icon_minigender_1
  • 来自: 浙江
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

jquery+ajax+php的简单实现

阅读更多
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>';

?>
2
0
分享到:
评论

相关推荐

    php+jquery+ajax最简单例子

    这个“php+jquery+ajax最简单例子”旨在教你如何使用这些工具实现一个基本的异步数据交换功能。 首先,让我们深入了解这三个概念: 1. PHP(Hypertext Preprocessor):这是一种服务器端脚本语言,主要用于网页...

    PHP多文件上传插件,PHP+jQuery+Ajax多图片上传

    本插件结合了PHP、jQuery和Ajax技术,提供了一种高效、用户友好的多图片上传解决方案。通过Ajax异步传输,用户可以在不刷新页面的情况下完成文件上传,提升用户体验。 首先,我们来了解一下这个系统的组成部分: 1...

    jQuery+Ajax+PHP无刷新分页

    本篇将详细讲解如何利用jQuery、Ajax和PHP实现这一功能。 **一、jQuery简介** jQuery是一个高效、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。jQuery的核心特性是可以使开发者更方便...

    Jquery+ajax+php+mysql数据库实现用户注册登录

    在本项目中,"Jquery+ajax+php+mysql数据库实现用户注册登录"是一个典型的Web应用程序开发案例,它涵盖了前端交互、后端处理以及数据库管理等多个方面。以下将详细阐述这些知识点: 1. **Jquery**:Jquery是一个...

    PHP+jQuery+Ajax多图片上传

    总结来说,"PHP+jQuery+Ajax多图片上传"是一种高效且用户体验良好的图片上传解决方案,结合了前端的动态交互和后端的服务器处理,实现了Web应用中的重要功能。开发者需要熟练掌握这些技术,以便在实际项目中灵活运用...

    jQuery+ajax实现简单登录验证

    在本文中,我们将深入探讨如何使用jQuery和Ajax技术实现一个简单的登录验证系统。这个系统能够实时检查用户输入的用户名和密码是否有效,而无需页面刷新,从而提供更流畅的用户体验。 首先,jQuery是一个轻量级的...

    采用Jquery+Ajax+PHP+MySQL实现分类列表管理

    在本项目中,我们采用了JQuery、Ajax、PHP和MySQL技术来实现一个分类列表的管理功能。这个系统的核心是利用Ajax实现前后端的无刷新通信,以提高用户体验和交互效率。接下来,我们将深入探讨这些技术及其在项目中的...

    PHP+jQuery+Ajax漂亮的许愿墙效果

    这个项目结合了三种关键的技术:PHP作为服务器端脚本语言,jQuery作为客户端JavaScript库,以及Ajax(异步JavaScript和XML)用于实现无刷新的数据交换。下面将详细介绍这三个技术及其在许愿墙中的应用。 1. PHP...

    PHP+jQuery+Ajax实现用户登录与退出

    PHP、jQuery和Ajax的结合能够帮助我们实现无刷新的交互,提高用户界面的响应速度和整体体验。下面我们将深入探讨如何使用这些技术来创建一个用户登录与退出系统。 首先,`index.php`通常是网站的主入口页面,它可能...

    jQuery+Ajax+PHP+MySQL实现分类列表管理 中文WORD版

    总结来说,这个项目展示了如何整合jQuery、Ajax、PHP和MySQL,实现一个用户友好的客户分类列表管理功能。通过前后端的紧密协作,用户可以在不离开当前页面的情况下完成对分类的增删改查操作,大大提升了用户体验。这...

    php+jquery+ajax无刷新多图上传

    在本文中,我们将深入探讨如何实现“PHP+jQuery+AJAX无刷新多图上传”的技术细节。这是一种在网页上实现动态、用户友好的图片上传功能的方法,它允许用户在不刷新整个页面的情况下上传多张图片,提高用户体验。下面...

    jquery+AJAX小小项目

    本项目主要展示了如何利用jQuery库来实现AJAX的增删改查功能,帮助开发者更好地理解和运用这两种技术。 **一、jQuery简介** jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax...

    Jquery+Ajax+Php+Mysql异步刷新

    在"jqueryAjax.zip"压缩包中,应该包含了一个简单的Web项目,项目中的HTML文件包含了jQuery和Ajax的示例代码,PHP文件用于处理Ajax请求,以及可能的CSS和JavaScript文件来提升用户体验。开发者可以解压这个文件,...

    JQuery+AJAX实现用户名验证

    本篇文章将深入探讨如何使用jQuery与AJAX技术来实现一个简单的用户名验证功能,以此来确保用户输入的用户名的独特性。这个过程涉及到前端与后端的交互,以及JavaScript、jQuery库和HTTP请求的基本原理。 首先,...

    jQuery+Ajax+PHP实现“喜欢”评级功能

    有同学问我如何实现一个像美丽说那样的“我喜欢”评级功能,当用户看到自己喜欢的图片或文章时,点击“红心”按钮,系统会自动记录用户的点击,并将总数加1。这样再结合不同的系统,可以将此功能应用到投票或收藏...

    PHP+jQuery+Ajax仿淘宝多上传按钮单文件上传

    在本文中,我们将深入探讨如何使用PHP、jQuery和Ajax技术来实现一个仿淘宝的多上传按钮功能,允许用户单文件上传。这个功能在现代Web应用中非常常见,它提供了友好的用户体验,允许用户在不刷新页面的情况下上传文件...

Global site tag (gtag.js) - Google Analytics