今天在優酷看了一個軍情觀察室,順便發一個評論,感覺在優酷發評論使用者體驗很好,無重新整理發表評論,今天用了一點時候也做了一個。其實還可以做分頁的,不過現在沒什麼時間,還有畢業論文沒有弄好,沒有時間作解析。只好寫到這裡了。主要用到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 onload="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" onclick="postdata();" /> </div> </div> </form></body></html>
圖示:
coding: http://www.cnblogs.com/Files/yangcai/ajaxComment.rar