关于页面提交在本页面显示的问题 问个问题 比如有一个输入框 输入一段内容后 提交 然后内容就在本页面显示内容类似新浪微博发送评论 然后内容就在页面下方显示一样谁能告诉我怎么实现的 有没这方面的代码提供下 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 micro,sun,ibm 都搞不定? 大致思路,可利用ajax实现页面的局部刷新也就是说当你提交的时候往后台发送一个ajax请求,在回调函数中动态刷新你要显示的内容(可以innerHTML来实现) 如果要经过后端程序处理的话,比如JSP 可以在提交到处理类后完成了操作(比如存储),再sesponse到当前页面就行啦。如果只用JS处理的话,而不要存储在数据库,就写个事件处理函数,当点击提交后触发该函数,函数实现把文本域中的数据取出,创建个DIV之类的元素,把文本域数据作为其文本节点,再把该元素加到页面上 <!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> 当用户输入完后,提交。一方面将内容用ajax请求,写入到数据库中。另一方面在页面动态构建dom方法,在下面将内容显示出来。var content = document.get....;//得到内容submit() {//提交表单 ajax(url, content);//ajax向数据库写内容 msg.innerHTML = content;//往当前页面动态写内容}大致流程就这样 存数据库那就再用ajax提交保存数据,LZ还有什么不清楚的? 怎么输入才正确,请指点! php 新人求助? jQuery 中resize FF不支持,同时IE进入假死状态,求解 这个360展示的效果是如何实现的。 onmouseover重复问题 非表单提交数据修改,不成功,请帮忙修改代码! 请大虾指教窗口关闭问题? “下移”按钮 如何使用JAVASCRIPT从sqlserver数据库中获得数据? 一个页面链接的问题 请教一个JS调用AS的问题, 麻烦帮忙看看 JQuery如何通过异步返回值?代码如下。
也就是说当你提交的时候往后台发送一个ajax请求,在回调函数中动态刷新你要显示的内容(可以innerHTML来实现)
如果只用JS处理的话,而不要存储在数据库,就写个事件处理函数,当点击提交后触发该函数,函数实现把文本域中的数据取出,创建个DIV之类的元素,把文本域数据作为其文本节点,再把该元素加到页面上
<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>
当用户输入完后,提交。一方面将内容用ajax请求,写入到数据库中。
另一方面在页面动态构建dom方法,在下面将内容显示出来。var content = document.get....;//得到内容
submit() {//提交表单
ajax(url, content);//ajax向数据库写内容
msg.innerHTML = content;//往当前页面动态写内容
}
大致流程就这样
存数据库那就再用ajax提交保存数据,LZ还有什么不清楚的?