ASP AJAX打造無重新整理新聞評論系統

2021-04-13 04:22:04 字數 4732 閱讀 5665

ajax的工作原理是什麼?什麼是xmldom?

xmldom是用來訪問和操作xml文件的程式設計介面規範。xmldom被設計為可用於任何語言和任何作業系統。借助dom,程式設計師可以建立xml文件、遍歷其結構,增、改、刪其元素。dom將整個xml文件視作一棵樹,文件級的元素是樹的根。

getelementsbytagname 方法

說明:傳回指定名稱的元素集合。

語法:objnodelist = xmldocument.getelementsbytagname(tagname);

例:var node=xmldom.respon***ml.getelementsbytagname("pl");

getattribute()方法

說明:獲得某個元素節點的屬性值

語法:elementnode.getattribute(name)

例:var tot=xmldom.respon***ml.getelementsbytagname("pl")[0].getattribute("tot");

childnodes 屬性

說明:傳回乙個節點列表,包含該節點所有可用的子節點。

語法:objnodelist=node.childnodes;

例:objnodelist = xmldoc.childnodes;

如需具體的某乙個節點, var u= xmldoc.childnodes(0);

length屬性 ()

說明:返回乙個節點列表中的節點數量

語法:nodelistobject.length

例:var len=node.length;

資料庫的設計

pl表:

欄位名型別

長度id

自動編號

user

文字dateandtime

日期/時間

content

備註newid

數字前台頁面:(index.htm)

js**頁(核心部分) main.js

js**算是本系統的乙個核心部分了,ajax的體現基本全包含在這短短數十行的**中,是鏈結前台與後台處理的乙個橋梁,可謂是重中之重,為了更好的讓大家理解整個功能,我們將分段介紹。

1、獲得xmlhttp物件,建立並返回乙個xmlhttp物件。

}具體的呼叫方法:

loadxml(method,url,callback)

method: http方法,例如:post、get、put及propfind

url: 請求的url位址,可以為絕對位址也可以為相對位址

callback:自定義的返回處理函式

function pagecount(tot,cur)

else

for(var j=1;j〈=pages;j++)

else

}return cont1;

}跳轉頁數:gotopage函式

function del(idnub)

function getdel(xmldom) //刪除後所觸發的事件,更新頁面

伺服器處理程式

**:〈!--#include file="conn.asp"--〉

〈%response.contenttype = "text/xml"

response.expires = 0

response.expiresabsolute = now() - 1

response.addheader "pragma", "no-cache"

response.addheader "cache-control", "private"

response.cachecontrol = "no-cache"

response.write("〈?xml version=""1.0"" encoding=""gb2312""?〉")

currentpage=request("page")

if currentpage="" or int(currentpage)=0 then currentpage=1

set rs=server.createobject("adodb.recordset")

sql="select * from pl order by id desc"

rs.cursorlocation=3

rs.open sql,conn,1,1

if not rs.bof or not rs.eof then

rs.pagesize=5

rs.absolutepage=currentpage

rowcount=rs.pagesize

response.write("〈pl tot='"&rs.recordcount&"' curpage='"¤tpage&"'〉")

do while not rs.eof and rowcount〉0

response.write("〈pllist〉")

response.write("〈user〉"&rs("user")&"〈/user〉")

response.write("〈dateandtime〉"&rs("dateandtime")&"〈/dateandtime〉")

response.write("〈content〉"&rs("content")&"〈/content〉")

response.write("〈id〉"&rs("id")&"〈/id〉")

response.write("〈/pllist〉")

rowcount=rowcount-1

rs.movenext

loop

else

response.write("〈pl tot='"&rs.recordcount&"' curpage='"¤tpage&"'〉")

end if

rs.close

set rs=nothing

response.write("〈/pl〉")

%〉conn.asp 資料庫鏈結檔案,在刪除與提交處理中同樣使用

〈% response.charset="gb2312" %〉

〈% session.codepage=936 %〉

〈!--#include file="conn.asp"--〉

〈%id")

if then

response.write("引數錯誤!")

response.end()

end if

set rs=server.createobject("adodb.recordset")

sql="select * from pl where >  rs.open sql,conn,1,3

rs.delete

rs.update

rs.close

set rs=nothing

response.write("刪除成功!")%〉

〈% response.charset="gb2312" %〉

〈% session.codepage=936 %〉

〈!--#include file="conn.asp"--〉

〈%user=request("user")

content=request("content")

newsid=request("newsid")

set rs=server.createobject("adodb.recordset")

sql="select * from pl"

rs.open sql,conn,1,3

rs.addnew

rs("user")=user

rs("content")=content

rs("newsid")=newsid

rs("dateandtime")=time()

rs.update

rs.close

set rs=nothing

response.write("新增成功!")

%〉css樣式 main.css

乙個好的頁面呈現效果離不開乙個好的樣式,當然我這個屬於最基本的,算是看得清楚罷了,大家如果有興趣可以對樣式檔案作修改。

.u .d

.idnub

.co

php 無重新整理提交,php HTML無重新整理提交表單

通常對於無重新整理提交表單,我們都是運用ajax實現的。前段時間跟著老大了解到另一種無重新整理提交表單的方法,是利用iframe框架實現的。現在整理出來分享給大家。第一種 html頁面 無重新整理提交表單 ulphp頁面 form.php 非空驗證 if empty post uname empty...

Repeater 無重新整理分頁

本文講述的是如何利用 xmlhttprequest 來對 repeater 控制項 進行無重新整理分頁。實現的方式是,使用xmlhttprequest物件非同步向伺服器傳送post 請求,傳遞設定好的每頁顯示記錄數,當前頁碼和記錄總數。伺服器端接收到請求時,根據引數從資料庫中查詢相應記錄,並通過re...

ASP jQuery AJAX無重新整理評論

jquery真的是乙個非常優秀的js庫,簡單容易掌握,對於網頁中的多級選單 級聯效果 tab選項卡切換 輪轉顯示,實現起來都非常的簡單,往往就是幾句 的事。做ajax應用,jquery提供的 get post 函式都可以用於提交資料,但建議使用 ajax 來提交,那兩個函式都不提供錯誤返回資訊,不利...