JQ 无刷新评论

<!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>

<title></title>

<script src="Scripts/jquery-1.4.1.js"
type="text/javascript"></script>
<script type ="text/javascript"
>
$(function() {
$("#btnOk").click(function() {

var title = $("#title").val();
var tbBody =
$("#tbBody").val();
var tb = $("<tr><td>" + title +
"</td><td>" + tbBody + "</td></tr>");

$("#tbContent").append(tb);
$("#title").val("");

$("#tbBody").val("");
});
});

</script>
</head>
<body>
<p
id="tbContent">
第一个帖子：随碟附送地方</p>
<table >

<tr>
<td>
<input type="text"
id="title" />
</td>
<td >

<input type ="text" id ="tbBody" /><input type ="button" id
="btnOk" value ="确定" />
</td>
</tr>

</table>
</body>
</html>

时间： 2024-08-09 02:20:02

JQ 无刷新评论的相关文章

php结合ajax实现简单的无刷新评论

实现的原理其实很简单,我是用的原生js写的,当然用jq封转好的也都一样(下次用jq写个其他的).解析都写在代码里面了: 建表语句: 1 CREATE TABLE `comment` ( 2 `id` int NOT NULL AUTO_INCREMENT COMMENT '主键索引' , 3 `content` text NOT NULL COMMENT '评论内容' , 4 PRIMARY KEY (`id`) 5 )ENGINE=MYISAM DEFAULT CHARSET=UTF8 6 ;

无刷新评论

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>无刷新评论</title> <script type="text/javascript" src="js/jquery.min.js"></script></head><body&

js界面刷新&Django使用Ajax实现页面无刷新评论回复功能

Django使用Ajax实现页面无刷新评论回复功能 http://www.cnblogs.com/mfc-itblog/p/5188900.html js界面刷新 http://www.cnblogs.com/dingdingo/archive/2011/10/26/2225307.html js界面刷新&Django使用Ajax实现页面无刷新评论回复功能

用jquery写一个无刷新评论功能

<1> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Jquery/jquery-1.10.2.js" type="text/javascript"></script> <script type="text/javascript&quo

JS---案例：无刷新评论---属于创建对象的案例拿出来复习

案例:无刷新评论---属于创建对象的案例拿出来复习 创建行和单元格,添加到相应元素中,设置内容 createElement, appendChild,innerHTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> </head> <body> <

Django使用Ajax实现页面无刷新评论回复功能

虽然Django本身自带Form可以提交表单,但在Django中结合Jquery使用Ajax,可以让Django开发的应用发挥更好的用户体验,同时可以降低服务器的负担.普通提交表单方式需要刷新整个页面才可以将评论显示出来,而使用Ajax提交评论之后,可以在页面无刷新的情况下显示出来. 首先是model: class Replay(models.Model): content = models.TextField() post = models.ForeignKey(Post) replay_ti

javascript;Jquery;获取JSON对象，无刷新评论实例。

  <!DOCTYPE html> <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/javascri

jq实现点击表格无刷新修改数据，优化版

1 <!-------------------修改密码-------------------------- > 2 $("#pwd").live("click",function(){//① 3 $(this).parents("tr").find("#a_cannel").text("取消"); 4 user=$(this).parents("tr").find("

asp.net练习②——Paginaton无刷新分页

aspx代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>无刷新分页</title> <link href="c