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 來提交,那兩個函式都不提供錯誤返回資訊,不利...