Ajax无刷新评论

最新推荐文章于 2018-12-03 15:27:00 发布

yanick

最新推荐文章于 2018-12-03 15:27:00 发布

阅读量2.8k

点赞数

分类专栏： Prototype框架 Asp.Net Ajax 文章标签： ajax ajax框架 prototype javascript button callback

本文链接：https://blog.csdn.net/ycyangcai/article/details/2358095

版权

Asp.Net 同时被 3 个专栏收录

52 篇文章 0 订阅

订阅专栏

Ajax

24 篇文章 0 订阅

订阅专栏

Prototype框架

3 篇文章 0 订阅

订阅专栏

今天在优酷看了一个军情观察室，顺便发一个评论，感觉在优酷发评论用户体验很好，无刷新发表评论，今天用了一点时候也做了一个。其实还可以做分页的，不过现在没什么时间，还有毕业论文没有弄好，没有时间作解析。只好写到这里了。主要用到prototype框架创建的一个AJAX框架。

前台代码

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>



<!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 runat="server">

    <title>无标题页</title>

    <script language="javascript" type="text/javascript" src="prototype1.6.1.js"></script>

    <script language="javascript" type="text/javascript">

    function postdata()

    {

        var name=$F("name");

        var content=$F("content");

        var postbody="name="+name+"&content="+content;

        var myAjax= new Ajax.Request("showcomment.aspx",{mothod:"post",postBody:postbody,onCreate:oncreate,onComplete:callback})

        function oncreate()

        {

            $("show").innerHTML+="<img src='loadlist.gif'/>加载中..."

        }

        

        function callback(obj)

        {

          //  alert(myAjax.transport);

            $("show").innerHTML=obj.responseText;

//            $F("show")=obj.responseText;

            

        }

    }   

    

    

    </script>

    <style>

    #show

    {

    	

    }

    #showTitle

    {

    	background-color:Silver;

    }

    

    </style>

    

    

</head>

<body οnlοad="postdata();">

    <form id="form1" runat="server">

    <div>

    <div id="show"></div>

    <div id="post">

    <input id="name" type="text" /><br />

    <textarea id="content" cols="20" rows="2"></textarea><br />

        <input id="Button1" type="button" value="button" οnclick="postdata();" />

    </div>

    

    </div>

    

    </form>

</body>

</html>

图示：

coding: http://www.cnblogs.com/Files/yangcai/ajaxComment.rar

yanick

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
7
评论
Ajax无刷新评论

今天在优酷看了一个军情观察室，顺便发一个评论，感觉在优酷发评论用户体验很好，无刷新发表评论，今天用了一点时候也做了一个。其实还可以做分页的，不过现在没什么时间，还有毕业论文没有弄好，没有时间作解析。只好写到这里了。主要用到prototype框架创建的一个AJAX框架。前台代码无标题页
复制链接

扫一扫