ajax无刷新评论的思路,ajax学习——ajax版无刷新评论(数据库)
//Comment.htm
无刷新评论
type="text/javascript">
//加载评论
$(function() {
$.post("GetComment.ashx",
function(data, status) {
if (status != "success") {
$("#ulComment").append($("
加载数据失败"));
return;
}
var lines =
data.split("$");
for (var i = 0; i < lines.length; i++) {
var line = lines[i];
var part = line.split("|");
var comment = $("
/>
用户ip:"
+ part[0] + "
/>评论内容:" + part[1] +
"
/>时间:" + part[2] +
"
");
$("#ulComment").append(comment);
}
})
})
//评论
$(function() {
$("#btnPost").click(function()
{
var txtComment =
$("#txtComment").val();
$.post("SetComment.ashx", {
"comment": txtComment },
function(data, status) {
if (status != "success") {
alert("评论失败,请重新评论");
return;
}
var lines =
data.split("|");
if (lines[0] == "ok") {
alert("谢谢评论");
var Comment = $("
/>
用户ip:"
+ lines[1] + "
/>评论内容:" + txtComment +
"
/>时间:" + lines[2] +
"
");
$("#ulComment").append(Comment);
$("#txtComment").val("");//清除文本框内信息
}
else {
alert("数据错误");
}
})
})
})
style="width: 662px"
>
style="list-style-type:none">北京梁蓓委员谈80后无力应对高房价的建议:我觉得80后男孩子如果买不起房子,80后女孩子可以嫁给
40岁的男人。80后的男人如果有条件了,到40岁再娶20岁的女孩子也是不错的选择。
id="txtComment"
cols="40"
rows="4">
/>
type="button"
id="btnPost"
value="提交评论"
/>
//SetComment.ashx
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using ajax无刷新评论.DS_CommentTableAdapters;
namespace ajax无刷新评论
{
///
///
评论导入到数据库,并返回数据
///
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class
SetComment : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType =
"text/plain";
string comment =
context.Request["comment"];
new
T_CommentTableAdapter().InsertQuery(context.Request.UserHostAddress,comment,DateTime.Now);
context.Response.Write("ok|"+context.Request.UserHostAddress+"|"+DateTime.Now);
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
//GetComment.ashx
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using ajax无刷新评论.DS_CommentTableAdapters;
using System.Text;
namespace ajax无刷新评论
{
///
///
数据库中的数据送到页面
///
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class
GetComment : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType =
"text/plain";
var comments = new T_CommentTableAdapter().GetData();
StringBuilder str = new StringBuilder();//字符串,很给力的字符串
foreach (var comment in comments)
{
str.Append(comment.IP).Append("|").Append(comment.Comment).Append("|").Append(comment.DateTime).Append("$");
//用"|"隔开每个字段,用"$"隔开每一行
}
context.Response.Write(str.ToString().Trim('$'));//把最后面的$去掉
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
数据库结构:
DataSet结构:
演示截图:
ajax无刷新评论的思路,ajax学习——ajax版无刷新评论(数据库)相关推荐
- Linux无锁共享内存,优秀数据结构学习 - 共享内存无锁队列的实现(二)
优秀数据结构学习 - 共享内存无锁队列的实现(二) 优秀数据结构学习 - 共享内存无锁队列的实现(二) 1 关键技术 操作系统提供的进程间通信机制有文件.socket.消息队列.管道.共享内存等.其中 ...
- 新闻留言php,php+ajax实现无刷新的新闻留言系统,ajax留言系统_PHP教程
php+ajax实现无刷新的新闻留言系统,ajax留言系统 本文介绍了一款无刷新的新闻留言系统,最简明易懂的一个ajax无刷新留言系统,源码中省略了接受数据验证的过程,大家可根据自己的需求进行扩展,下 ...
- 简单爬取微博评论详细解析,学习爬取ajax异步数据交换动态网页
爬取微博评论详细解析,学习爬取ajax异步数据交换动态网页 1.什么是ajax异步数据交换网页 2.用到的工具模块和简单解释 3.网页内容解析 4.代码实现及解释 1.什么是ajax异步数据交换网页 ...
- 使用ajax将数据显示在指定位置_AJAX学习主题之一
学习主题:AJAX 删除用户功能实现 根据视频中的讲解,完成以下内容 简述删除功能的基本思路流程 点击按钮获取当前元素中的用户uid,向服务器发起请求,将uid提交到服务器删除指定用户,浏览器获取浏览 ...
- 不学习AJAX,我可以做得更好
当AJAX刚推出时,它只有一个简单的概念,任何熟悉xmlhttp和dhtml的程序员只要花30分钟 就可以掌握到专家级水平. 它后来的发展我没有再花时间去研究,我感觉也没有必要花时间去研究.确实,现在 ...
- ajax datatype_小白跟我一起学习ajax
点击上方蓝字关注我们! ❝ 学习链接 https://zhuanlan.zhihu.com/p/114501873 ❞ 一.AJAX ajax 全名 Asynchronous JavaScript a ...
- 防刷新ajax视频教程,【赖国荣】Ajax基础与提升第7讲:ajax实现刷新内容实例讲解...
课程介绍 ajax技术是从事WEB开发的必备课程,本课程是在js及jsp课程的基础上的提高课,从ajax零基础开始讲解,主要包括ajax的xmlhttprequest对象的创建,事件,状态变化,回调函 ...
- Ajax学习-Ajax简介
最近的课程安排又有Ajax.虽然自己了解一点Ajax方面的东西,但是感觉自己还需要学习好多,那就开始在学习一下Ajax吧~~~~....... (1)Ajax是指异步JavaScript及XML(As ...
- 基于PU-Learning的恶意URL检测——半监督学习的思路来进行正例和无标记样本学习
转载自https://www.cnblogs.com/bonelee/p/9848282.html 基于PU-Learning的恶意URL检测--半监督学习的思路来进行正例和无标记样本学习 一.背景介 ...
- 前端学习--Ajax(2) form表单
一.form表单 组成:表单标签.表单域(采集信息).表单按钮(提交) 1.1 <form>的属性 action -- 向何处发送表单数据 如果不写默认是当前页面url target -- ...
最新文章
- tableau实战系列(四十七)-Tableau快速生成可视化视图
- 用.NetCore 编译国产老牌PHP论坛DiscuzX ,世界上最好的语言从此属于.Net 的一员
- 2019-03-4-算法-进化(罗马数字转整数)
- 「雕爷学编程」Arduino动手做(38)——joystick双轴摇杆模块
- 16节课搞懂大数据,视频教程限时免费领取
- python-study-10
- SimpleDateFormat 类的总结
- MATLAB通过两点画三维直线(plot3)
- 迅雷专用下载的几种代码
- 华为配置DHCPv6
- matlab灰色图像和彩色图像的均值、标准差和熵
- 对联广告php代码,css实现的对联广告代码
- PHP打印九九乘法表
- 【用Java模拟KTV点歌系统】
- MODIS16天数据月合成/季合成
- 记一次收到QQ邮箱钓鱼邮件经历
- cv/dl/cl领域的实验室官网/牛人主页/技术论坛/比赛数据库/好玩的东西
- 虚幻5新特性之EnhancedInput
- android 4.4 x86 iso,安卓x86 4.4 iso下载
- 黄希庭:心理学的研究要走中国人自己的道路,要做中国化的心理学研究