php+ajax+prototype

deepbreath33 2009-02-01 10:31:56
怎么样能够实现这样的效果?
|--------|
|--------|(input text) button怎样实现点击button,把text的数据提交给数据中,实现无刷新数据更新?
...全文
202 17 打赏 收藏 转发到动态 举报
写回复
用AI写文章
17 条回复
切换为时间正序
请发表友善的回复…
发表回复
ai_ni 2009-02-05
  • 打赏
  • 举报
回复
个人比较喜欢jquery
lonelyriver 2009-02-04
  • 打赏
  • 举报
回复
……
deepbreath33 2009-02-04
  • 打赏
  • 举报
回复
还是没解决问题,再加分。或者用下面jquery来实现。我只有html代码谁帮忙把test2.php给补上。
<link href="editinplace.css" rel="Stylesheet" type="text/css" />
<script src="jquery-1.1.3.pack.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
setClickable();
});

function setClickable() {
$('#editInPlace').click(function() {
var textarea = '<div><textarea rows="1" cols="0">'+$(this).html()+'</textarea>';
var button = '<div><input type="button" value="SAVE" class="saveButton" /> OR <input type="button" value="CANCEL" class="cancelButton" /></div></div>';
var revert = $(this).html();
$(this).after(textarea+button).remove();
$('.saveButton').click(function(){saveChanges(this, false);});
$('.cancelButton').click(function(){saveChanges(this, revert);});
})
.mouseover(function() {
$(this).addClass("editable");
})
.mouseout(function() {
$(this).removeClass("editable");
});
};

function saveChanges(obj, cancel) {
if(!cancel) {
var t = $(obj).parent().siblings(0).val();
$.post("test2.php",{
content: t
},function(txt){
alert( txt);
});
}
else {
var t = cancel;
}
if(t=='') t='(click to add text)';
$(obj).parent().parent().after('<div id="editInPlace">'+t+'</div>').remove();
setClickable();
}
</script>


</head>

<body>

<h1>Edit-in-Place with jQuery</h1>

<div id="editInPlace">
<p>根据 <strong>jquery</strong>写的一个小的例子。点击这里可以编辑</p>
</div>
xiao_zi_lijing 2009-02-02
  • 打赏
  • 举报
回复
我以前也遇到过这样的问题,我是想把按扭做一张图片的,可是图片的只能是button后来我设置了一个css,
用css来控制submit按扭的样式(也可以是图片的呀)哈哈,不知道你是不是想要这样的!!
html:<input type="submit" value="登录" name="submitland" class="input" />
css:input{
border-bottom-width:0px; border-left-width:0px; border-right-width:0px; border-top-width:0px; background: url(../images/submit.gif) no-repeat; width: 106px; height: 24px; }
im淳扬 2009-02-02
  • 打赏
  • 举报
回复
你首先要先了解jquery的写法
去下载jquery包
用script src=''调用

把你想要保存的text都给个id

用button触发form的post或者get事件

$.post('执行文件',{参数:值,参数:值},function (data){
if(data){
//想干什么就干什么
}
});

这里的post看你自己定义的,如果你的form是get的就改成get

jquery获取text的值方法是
$('#id').val();


执行文件上插入数据库随便你自己返回什么都可以,会赋值给data的

如:
触发代码
$.post('handle.php',{text:$('#text').val()},function (data){
if(data=='succ'){
alert('成功');
}else {
alert('失败');
}
});

执行代码
$sql='';
if($result=mysql_query($sql)){
echo 'succ';
}else {
echo 'error';
}


yctin 2009-02-02
  • 打赏
  • 举报
回复
Ajax
http://docs.jquery.com/Ajax
yctin 2009-02-02
  • 打赏
  • 举报
回复
jquery +1

http://jquery.com/

官网有大量例子,很方便
deepbreath33 2009-02-02
  • 打赏
  • 举报
回复
能不能给个例子详细写。我加分。。
我只想把当前text的velues提交给后台存数据库。
im淳扬 2009-02-02
  • 打赏
  • 举报
回复
触发事件
$.post('执行文件',{参数:值,参数:值},function (data){
if(data){
//想干什么就干什么
}
});


data是ajax传递过去执行文件后出来的结果,你在注释处处理自己的东西就可以了
deepbreath33 2009-02-02
  • 打赏
  • 举报
回复
楼上大哥jquery 该怎么写,请给出代码
im淳扬 2009-02-02
  • 打赏
  • 举报
回复
推荐使用jquery,比prototype方便多了,用法也简单
deepbreath33 2009-02-02
  • 打赏
  • 举报
回复
<tr <?php echo "id='$line_id'"; ?> >
<td height="25" style="padding-left:5px;" > <div align="right"> <b> <?php echo $login; ?> </b> </a> </div> </td>
<td height="25" align="center" > <?php echo $name; ?> </td>
<td align="center"> <?php echo $surname; ?> </td>
<td align="center">  <?php echo $id; ?> </td>
<td width="13%" height="25" align="center" > <input height="20" width="80" name=" <?php echo "score".$i;?>" type="text" value=" <?php echo $class_score; ?>" /> </td>
<td width="5%" align="center" > <?php echo $active_score; ?> </td>
<td height="25" align="center" <?php echo $text_color_class; ?> > <?php echo $active_img; ?> </td>
</tr>

<?php $i++;} ?>
</form>
button 在红色后面,每个text后都有。。
Zijian_Zhang 2009-02-02
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 deepbreath33 的回复:]
<form id="myform" name="myform" method="post">
<?php
foreach($results as $rs){
$id=$rs->id;
$login=$rs->login;
//get names by id
$name=$tool->get_col_value("users","name","login='$login'");
$surname=$tool->get_col_value("users","surname","login='$login'");
$user_type=$tool->get_col_value("users","user_type","login='$login'");
$email=$tool->get_col_value("users","email","login='$login'")…
[/Quote]你的button????在哪里???没有见到???
hqaht 2009-02-02
  • 打赏
  • 举报
回复
将表单数据直接使用xmlhttprequest发送给保存数据的php程序,保存即可,可以是异步可以是同步,都是在后台执行的
hqaht 2009-02-02
  • 打赏
  • 举报
回复
使用xmlhttprequest即可
deepbreath33 2009-02-02
  • 打赏
  • 举报
回复
<form id="myform" name="myform" method="post">
<?php
foreach($results as $rs){
$id=$rs->id;
$login=$rs->login;
//get names by id
$name=$tool->get_col_value("users","name","login='$login'");
$surname=$tool->get_col_value("users","surname","login='$login'");
$user_type=$tool->get_col_value("users","user_type","login='$login'");
$email=$tool->get_col_value("users","email","login='$login'");
$join_date=$rs->join_date;


$line_id="line".$id;

}
?>



<tr <?php echo "id='$line_id'"; ?> >
<td height="25" style="padding-left:5px;" ><div align="right"><b><?php echo $login; ?></b></a></div></td>
<td height="25" align="center" > <?php echo $name; ?></td>
<td align="center"><?php echo $surname; ?></td>
<td align="center"> <?php echo $id; ?></td>
<td width="13%" height="25" align="center" ><input height="20" width="80" name="<?php echo "score".$i;?>" type="text" value="<?php echo $class_score; ?>" /></td>
<td width="5%" align="center" ><?php echo $active_score; ?></td>
<td height="25" align="center" <?php echo $text_color_class; ?> ><?php echo $active_img; ?></td>
</tr>

<?php $i++;} ?>
</form>
Zijian_Zhang 2009-02-01
  • 打赏
  • 举报
回复
[Quote=引用楼主 deepbreath33 的帖子:]
怎么样能够实现这样的效果?
|--------|
|--------|(input text) button怎样实现点击button,把text的数据提交给数据中,实现无刷新数据更新?
[/Quote]这个只需一些JS、Ajax技术就可以执行,楼主给个表单这样好做些。
PHP+Ajax网站开发典型实例.。。 第1章 PHP基础实例 实例1 构建PHP运行环境 实例2 “你好,PHP”实例 实例3 中文时间显示实例 实例4 删除字符串中的空白 实例5 字符串反转 实例6 字符串加密 实例7 检查日期的有效性 实例8 简单猜数游戏 实例9 验证信用卡号 实例10 计算两个数组并、交和差 实例11 数组排序 第2章 PHP文件实例 实例12 获取文件信息 实例13 文件写入并锁定 实例14 读取文件信息 实例15 随机提取文件行 实例16 获得磁盘剩余空间 实例17 搜索文件或文件夹 实例18 文件下载 实例19 文件上传 实例20 网页计数器 实例21 超级链接计数 第3章 数据库、XML实例 实例22 mysql类库完成MySQL数据库的添加、删除和修改 实例23 mysqli类库完成MySQL数据库的添加、删除和查询 实例24 获取服务器和系统信息 实例25 分页显示信息 实例26 使用PHP简单实现BBS程序 实例27 使用0DBC函数库完成数据库操作 实例28 使用DOM处理XML 第4章 会话实例 实例29 创建会话 实例30 使用数据库保存会话 实例31 使用文件统计在线人数 实例32 设置和获取Cookie参数 实例33 删除会话中已注册变量 实例34 数据编码 实例35 简单购物车 第5章 PEAR和正则表达式实例 实例36 PEAR管理器安装及PEAR包常见操作 实例37 HTML QuickForm完成表单验证 实例38 Calendar仓ll建日历 实例39 File Find搜索文件 实例40 HTTP Upload上传多个文件 实例41 Validate US验证电话号码 实例42 转换日期格式 实例43 用户注册验证 第6章 实现基本Ajax技术 实例44 Ajax测试实例 实例45 客户端解析普通字符串 实例46 客户端解析XML文件响应 实例47 客户端发送POST无参数请求 实例48 客户端发送带有参数请求 实例49 客户端以表格形式显示数据 实例50 服务器端自动生成XML文件 实例51 客户端以指定CSS样式显示数据 实例52 用户登录校验 实例53 页面自动刷新时间 实例54 实现新闻滚动播放 第7章 实现高级Ajax技术 实例 55创建工具提示 实例 56读取响应首部 实例 57动态加载列表框 实例 58显示进度条 实例 59数据无刷新写入文本文件 实例60 提供自动完成 实例61 实现级联菜单的设计 实例62 PHP+Ajax树状菜单 第8章 Ajax数据库操作 实例63 显示数据库系统信息 实例64 实现数据库常见操作 实例65 完成数据库多种查询显示 实例66 数据库记录自动提示 实例67 AjaX实现数据记录排序 实例68 局部动态更新数据 实例69 AjaX+PHP数据分页显示 实例70 指定CSS样式显示数据 实例71 JSON格式处理信息 第9章 Ajax时尚技术 实例72 根据邮编自动完成地址信息 实例73 AiaX+PHP域名查询 实例74 根据代码列出城市名 实例75 Ajax自动保存草稿 实例76 实时更新股价 实例77 相册程序 实例78 切换标签 实例79 创建RSS阅读器 实例80 基于prototype框架程序 实例81 基于xajax框架程序 第10章 Ajax实现综合实例 实例82 汇智在线留言板程序 实例83 汇智在线聊天室程序 实例84 汇智在线BBS论坛

20,395

社区成员

发帖
与我相关
我的任务
社区描述
“超文本预处理器”,是在服务器端执行的脚本语言,尤其适用于Web开发并可嵌入HTML中。PHP语法利用了C、Java和Perl,该语言的主要目标是允许web开发人员快速编写动态网页。
phpphpstorm 技术论坛(原bbs)
社区管理员
  • 开源资源社区
  • phpstory
  • xuzuning
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧