xml 與javascript結(jié)合的問題解決方法
更新時(shí)間:2007年03月24日 00:00:00 作者:
我想把html里面的title 動(dòng)態(tài)綁定到一個(gè)xml
沒成功 help me ,pls
如下
<html>
<XML ID="xmldso">
<?xml version="1.0"?>
<booklist>
<book>
<title>Straight Talk About Computersyyyyyyyyyy</title>
<isbn>72-80088-005</isbn>
</book>
<book>
<title>Straight Talk About Computersyyyyyyyyyy</title>
<isbn>72-80088-005</isbn>
</book>
</booklist>
</XML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<LABEL ID=title DATASRC=#xmldso DATAFLD="title"></LABEL>
<LABEL ID=title1 value="dff"></LABEL>
<SCRIPT LANGUAGE="JavaScript" for="xmldso">
<!--
//var df=xmldso.booklist.book("title");
//alert(df);
//alert(title1.value);
document.title="dd";
--here ,I want to document.title=df;
//-->
</SCRIPT>
<TABLE BORDER=1 DATASRC="#xmldso">
<THEAD>
<TR><TH>Title</TH> <TH>ISBN</TH></TR>
</THEAD>
<TBODY>
<TR><TD><DIV DATAFLD="title"></DIV></TD>
<TD><DIV DATAFLD="isbn"> </DIV></TD>
</TR>
</TBODY>
</TABLE>
<HR>
<XML ID="xmldso1" SRC="myXML.xml"> </XML>
<TABLE BORDER=1 DATASRC="#xmldso1">
<THEAD>
<TR><TH>書名</TH> <TH>出版號(hào)</TH></TR>
</THEAD>
<TBODY>
<TR><TD><DIV DATAFLD="title"></DIV></TD>
<TD><DIV DATAFLD="isbn"> </DIV></TD>
</TR>
</TBODY>
</TABLE>
</body>
</html>
myXML.xml 如下,其實(shí)這個(gè)沒用,只不過為了完整性。
<?xml version="1.0" encoding="GBK"?>
<booklist>
<book>
<title>計(jì)算機(jī)技術(shù)</title>
<isbn>72-80088-005</isbn>
</book>
<book>
<title>電工技術(shù)</title>
<isbn>72-80081-082</isbn>
</book>
<book>
<title>計(jì)算機(jī)軟件技術(shù)</title>
<isbn>72-80088-005</isbn>
</book>
<book>
<title>計(jì)算機(jī)修理技術(shù)</title>
<isbn>72-80081-082</isbn>
</book>
</booklist>
xmldso 是一個(gè) XML DOM 對象,訪問的時(shí)候要使用 DOM API。這樣寫:
var books = xmldso.selectSingleNode("booklist").selectNodes("book");
for(var i=0; i<books.length; i++) {
alert(books[i].selectSingleNode("title").text);
}
關(guān)于xmldso,我也想說幾句,曾經(jīng)做過一個(gè)項(xiàng)目,前期是臺(tái)灣幾個(gè)牛人做的,采用MVC,下面是我對項(xiàng)目的總結(jié):
XXX Framework:
XXX是使用的MVC模式,數(shù)據(jù)、控制和視圖相互分離,JSP負(fù)責(zé)視圖,Servlet負(fù)責(zé)控制,DataModule負(fù)責(zé)數(shù)據(jù)的存取
Model部分:
優(yōu)點(diǎn):可以用event listener的方式寫business logic,可視化管理,特別支持master-detail(主子表結(jié)構(gòu)),look-up(查找,使之功能相當(dāng)于數(shù)據(jù)庫當(dāng)中的視圖),format(格式化)等.
缺點(diǎn):公司員工必須對DataModule熟悉,DataModule不是主流技術(shù),會(huì)使用的人并不多——尤其是Java程序員。
IDE為Datamodule產(chǎn)生了大量的代碼,但同時(shí)也減少了大量的sql語句.系統(tǒng)在運(yùn)行過程中往往需要同時(shí)對多個(gè)表格進(jìn)行操作,為了保證數(shù)據(jù)的完整性及復(fù)雜操作的可靠執(zhí)行,DataModule自動(dòng)進(jìn)行了事務(wù)處理,減少了程序員的開發(fā)任務(wù).
Control部分:
優(yōu)點(diǎn):
通過pd.xml定義系統(tǒng)對外行為,比如增加,修改,刪除,查詢,包括設(shè)定權(quán)限(目前沒有做,但設(shè)計(jì)已經(jīng)有體現(xiàn))等.
將使用者的操作轉(zhuǎn)變?yōu)閐atamodule操作。
選擇適當(dāng)?shù)膙iew進(jìn)行顯示.
View部分:
優(yōu)點(diǎn):
1):前端功能(onclick,onfocus,onblue,onchange),使用xslt,為jsp減少了大量的代碼.
2):顯示使用XML-DSO,IE自動(dòng)進(jìn)行data binding.
缺點(diǎn):
1):必需使用IE6.用其它的系統(tǒng)會(huì)運(yùn)行會(huì)不正常.
2):由于使用XML-DSO,所以對程序員要求很高.
3):由于有很多檢測,計(jì)算,都在客戶端進(jìn)行,造成了所謂的“胖客戶端”,結(jié)果就是:功能集中,不利于更新和維護(hù).
流程
1):客戶端發(fā)送request請求到服務(wù)器端.
2):服務(wù)器端通過control Servlet接收請求,通過解析request,分配給合適的Business Object
3)controller將一些必要的請求信息,傳給DataModule
4):Business Object更新(增加,修改,刪除等)Model,Model同步DataBase
5):controller執(zhí)行Jsp頁面,執(zhí)行結(jié)果暫存起來.
6):Model信息被打包成xml 資料
1):客戶端發(fā)送request請求到服務(wù)器端.
2):服務(wù)器端通過control Servlet接收請求,通過解析request,分配給合適的Business Object
3)controller將一些必要的請求信息,傳給DataModule
4):Business Object更新(增加,修改,刪除等)Model,Model同步DataBase
5):controller執(zhí)行Jsp頁面,執(zhí)行結(jié)果暫存起來.
6):Model信息被打包成xml 資料
7):將xml資料與Jsp頁面的執(zhí)行結(jié)果相結(jié)合,一起響應(yīng)客戶端.
沒成功 help me ,pls
如下
<html>
<XML ID="xmldso">
<?xml version="1.0"?>
<booklist>
<book>
<title>Straight Talk About Computersyyyyyyyyyy</title>
<isbn>72-80088-005</isbn>
</book>
<book>
<title>Straight Talk About Computersyyyyyyyyyy</title>
<isbn>72-80088-005</isbn>
</book>
</booklist>
</XML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<LABEL ID=title DATASRC=#xmldso DATAFLD="title"></LABEL>
<LABEL ID=title1 value="dff"></LABEL>
<SCRIPT LANGUAGE="JavaScript" for="xmldso">
<!--
//var df=xmldso.booklist.book("title");
//alert(df);
//alert(title1.value);
document.title="dd";
--here ,I want to document.title=df;
//-->
</SCRIPT>
<TABLE BORDER=1 DATASRC="#xmldso">
<THEAD>
<TR><TH>Title</TH> <TH>ISBN</TH></TR>
</THEAD>
<TBODY>
<TR><TD><DIV DATAFLD="title"></DIV></TD>
<TD><DIV DATAFLD="isbn"> </DIV></TD>
</TR>
</TBODY>
</TABLE>
<HR>
<XML ID="xmldso1" SRC="myXML.xml"> </XML>
<TABLE BORDER=1 DATASRC="#xmldso1">
<THEAD>
<TR><TH>書名</TH> <TH>出版號(hào)</TH></TR>
</THEAD>
<TBODY>
<TR><TD><DIV DATAFLD="title"></DIV></TD>
<TD><DIV DATAFLD="isbn"> </DIV></TD>
</TR>
</TBODY>
</TABLE>
</body>
</html>
myXML.xml 如下,其實(shí)這個(gè)沒用,只不過為了完整性。
復(fù)制代碼 代碼如下:
<?xml version="1.0" encoding="GBK"?>
<booklist>
<book>
<title>計(jì)算機(jī)技術(shù)</title>
<isbn>72-80088-005</isbn>
</book>
<book>
<title>電工技術(shù)</title>
<isbn>72-80081-082</isbn>
</book>
<book>
<title>計(jì)算機(jī)軟件技術(shù)</title>
<isbn>72-80088-005</isbn>
</book>
<book>
<title>計(jì)算機(jī)修理技術(shù)</title>
<isbn>72-80081-082</isbn>
</book>
</booklist>
xmldso 是一個(gè) XML DOM 對象,訪問的時(shí)候要使用 DOM API。這樣寫:
復(fù)制代碼 代碼如下:
var books = xmldso.selectSingleNode("booklist").selectNodes("book");
for(var i=0; i<books.length; i++) {
alert(books[i].selectSingleNode("title").text);
}
XXX Framework:
XXX是使用的MVC模式,數(shù)據(jù)、控制和視圖相互分離,JSP負(fù)責(zé)視圖,Servlet負(fù)責(zé)控制,DataModule負(fù)責(zé)數(shù)據(jù)的存取
Model部分:
優(yōu)點(diǎn):可以用event listener的方式寫business logic,可視化管理,特別支持master-detail(主子表結(jié)構(gòu)),look-up(查找,使之功能相當(dāng)于數(shù)據(jù)庫當(dāng)中的視圖),format(格式化)等.
缺點(diǎn):公司員工必須對DataModule熟悉,DataModule不是主流技術(shù),會(huì)使用的人并不多——尤其是Java程序員。
IDE為Datamodule產(chǎn)生了大量的代碼,但同時(shí)也減少了大量的sql語句.系統(tǒng)在運(yùn)行過程中往往需要同時(shí)對多個(gè)表格進(jìn)行操作,為了保證數(shù)據(jù)的完整性及復(fù)雜操作的可靠執(zhí)行,DataModule自動(dòng)進(jìn)行了事務(wù)處理,減少了程序員的開發(fā)任務(wù).
Control部分:
優(yōu)點(diǎn):
通過pd.xml定義系統(tǒng)對外行為,比如增加,修改,刪除,查詢,包括設(shè)定權(quán)限(目前沒有做,但設(shè)計(jì)已經(jīng)有體現(xiàn))等.
將使用者的操作轉(zhuǎn)變?yōu)閐atamodule操作。
選擇適當(dāng)?shù)膙iew進(jìn)行顯示.
View部分:
優(yōu)點(diǎn):
1):前端功能(onclick,onfocus,onblue,onchange),使用xslt,為jsp減少了大量的代碼.
2):顯示使用XML-DSO,IE自動(dòng)進(jìn)行data binding.
缺點(diǎn):
1):必需使用IE6.用其它的系統(tǒng)會(huì)運(yùn)行會(huì)不正常.
2):由于使用XML-DSO,所以對程序員要求很高.
3):由于有很多檢測,計(jì)算,都在客戶端進(jìn)行,造成了所謂的“胖客戶端”,結(jié)果就是:功能集中,不利于更新和維護(hù).
流程
1):客戶端發(fā)送request請求到服務(wù)器端.
2):服務(wù)器端通過control Servlet接收請求,通過解析request,分配給合適的Business Object
3)controller將一些必要的請求信息,傳給DataModule
4):Business Object更新(增加,修改,刪除等)Model,Model同步DataBase
5):controller執(zhí)行Jsp頁面,執(zhí)行結(jié)果暫存起來.
6):Model信息被打包成xml 資料
1):客戶端發(fā)送request請求到服務(wù)器端.
2):服務(wù)器端通過control Servlet接收請求,通過解析request,分配給合適的Business Object
3)controller將一些必要的請求信息,傳給DataModule
4):Business Object更新(增加,修改,刪除等)Model,Model同步DataBase
5):controller執(zhí)行Jsp頁面,執(zhí)行結(jié)果暫存起來.
6):Model信息被打包成xml 資料
7):將xml資料與Jsp頁面的執(zhí)行結(jié)果相結(jié)合,一起響應(yīng)客戶端.
相關(guān)文章
BootstrapValidator超詳細(xì)教程(推薦)
這篇文章主要介紹了BootstrapValidator超詳細(xì)教程(推薦)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12javascript腳本編程解決考試分?jǐn)?shù)統(tǒng)計(jì)問題
該考試題目共有25道,每一道都是2選1的選擇題,總分是100分。那么javascript的代碼如下2008-10-10JS實(shí)現(xiàn)將人民幣金額轉(zhuǎn)換為大寫的示例代碼
本篇文章主要是對使用JS實(shí)現(xiàn)將人民幣金額轉(zhuǎn)換為大寫的示例代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02JS SetInterval 代碼實(shí)現(xiàn)頁面輪詢
setInterval 是一個(gè)實(shí)現(xiàn)定時(shí)調(diào)用的函數(shù),可按照指定的周期(以毫秒計(jì))來調(diào)用函數(shù)或計(jì)算表達(dá)式。下面通過本文給大家分享JS SetInterval 代碼實(shí)現(xiàn)頁面輪詢,感興趣的朋友一起看看吧2017-08-08JavaScript 組件之旅(四):測試 JavaScript 組件
本期,我們要討論的話題是 JavaScript 的測試,以檢查組件的狀態(tài)和工作方式是否符合預(yù)期,還會(huì)介紹一個(gè)可以方便編寫測試用例的測試方法。這里說的測試當(dāng)然是使用自動(dòng)化的測試手段,這是軟件質(zhì)量保證(QA)的重要環(huán)節(jié)。2009-10-10JavaScript高級(jí)程序設(shè)計(jì) XML、Ajax 學(xué)習(xí)筆記
JavaScript高級(jí)程序設(shè)計(jì) XML、Ajax 學(xué)習(xí)筆記,需要的朋友可以參考下。2011-09-09bootstrap confirmation按鈕提示組件使用詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap confirmation按鈕提示組件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08