关于页面提交在本页面显示的问题

micro_sun_ibm 2010-06-22 11:14:38
问个问题 比如有一个输入框 输入一段内容后 提交 然后内容就在本页面显示内容
类似新浪微博发送评论 然后内容就在页面下方显示一样
谁能告诉我怎么实现的 有没这方面的代码提供下
...全文
141 8 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
hibin101 2010-06-23
  • 打赏
  • 举报
回复
<!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>
<script type="text/javascript">function showText(elementId){
var oText = document.getElementById(elementId);
var sTest = oText.value;
var oDiv = document.createElement("div");
oDiv.appendChild(document.createTextNode(sTest));
var oForm = document.forms[0];
document.body.insertBefore(oDiv,oForm);
}

</script>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>title>
</head>
<body>
<form action="#" method="post">
<textarea name="text1" id="text1"></textarea>
<input type="submit" value="send" onclick="showText('text1');return false"/>
</form>
</body>
</html>
hibin101 2010-06-23
  • 打赏
  • 举报
回复
如果要经过后端程序处理的话,比如JSP 可以在提交到处理类后完成了操作(比如存储),再sesponse到当前页面就行啦。
如果只用JS处理的话,而不要存储在数据库,就写个事件处理函数,当点击提交后触发该函数,函数实现把文本域中的数据取出,创建个DIV之类的元素,把文本域数据作为其文本节点,再把该元素加到页面上
hoojo 2010-06-23
  • 打赏
  • 举报
回复

当用户输入完后,提交。一方面将内容用ajax请求,写入到数据库中。
另一方面在页面动态构建dom方法,在下面将内容显示出来。

var content = document.get....;//得到内容
submit() {//提交表单
ajax(url, content);//ajax向数据库写内容
msg.innerHTML = content;//往当前页面动态写内容
}
大致流程就这样
micro_sun_ibm 2010-06-23
  • 打赏
  • 举报
回复
要存在数据库的
浪尖赏花 2010-06-23
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 micro_sun_ibm 的回复:]
要存在数据库的
[/Quote]

存数据库那就再用ajax提交保存数据,LZ还有什么不清楚的?
micro_sun_ibm 2010-06-23
  • 打赏
  • 举报
回复
dingshangqu
leemiki 2010-06-22
  • 打赏
  • 举报
回复
大致思路,可利用ajax实现页面的局部刷新
也就是说当你提交的时候往后台发送一个ajax请求,在回调函数中动态刷新你要显示的内容(可以innerHTML来实现)
bancxc 2010-06-22
  • 打赏
  • 举报
回复
micro,sun,ibm 都搞不定?

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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