午夜国产精品视频,亚洲一二区在线,国内一区二区三区在线视频

在線購(gòu)物已經(jīng)變得很平常了，而在使用購(gòu)物車的時(shí)候，用戶期望在其身上能夠獲得（足夠的）靈活性。看看你能夠如何把ASP和XML結(jié)合起來(lái)提供所用戶需要的功能。

創(chuàng)建虛擬購(gòu)物車的方法從來(lái)都不是單一的。最近，我碰到一個(gè)機(jī)會(huì)重新編寫了一個(gè)經(jīng)典的ASP購(gòu)物車，讓它成為一個(gè)擁有與原來(lái)類似的外觀和感覺(jué)，但是更加靈活和更加快速的購(gòu)物車。我決定利用XML，并開(kāi)發(fā)一個(gè)跨瀏覽器的解決方案。現(xiàn)在讓我來(lái)告訴你我自己碰到的一些問(wèn)題，以及我是如何改進(jìn)原有設(shè)計(jì)的。

原來(lái)的購(gòu)物車
由于原來(lái)的購(gòu)物車是針對(duì)特定的一組客戶的，所以它更多地依賴于對(duì)用戶的培訓(xùn)而非易用性。除了完全清空購(gòu)物車，沒(méi)有其他的機(jī)制用來(lái)對(duì)（所購(gòu)的）內(nèi)容進(jìn)行更改。如果你往購(gòu)物車?yán)锓湃肓隋e(cuò)誤的東西或者錯(cuò)誤的數(shù)量，你不得不從頭開(kāi)始才能夠更正這一錯(cuò)誤。

而不為人知的是，原來(lái)的購(gòu)物車再也無(wú)法變得更好。有限數(shù)量的行被顯示出來(lái)，而客戶會(huì)一頁(yè)一頁(yè)地翻閱購(gòu)物車?yán)锏膬?nèi)容。這種方法的問(wèn)題是，所有的東西都被保存在一個(gè)以ASP會(huì)話ID為基礎(chǔ)的表格里。當(dāng)客戶瀏覽購(gòu)物車內(nèi)容的時(shí)候，就會(huì)進(jìn)行一次查詢。此外，如果會(huì)話超時(shí)，購(gòu)物車的內(nèi)容將會(huì)一直保留在表格里，直到有人手動(dòng)刪除它。

新的方法
我不想重復(fù)以前的錯(cuò)誤，所以新的購(gòu)物車將會(huì)基于XML會(huì)話而不會(huì)基于表格。這種方法有多個(gè)好處。首先，整個(gè)購(gòu)物車以XML數(shù)據(jù)島（Data Island）的形式保存在客戶端上，如下面列表A所示。在進(jìn)行簡(jiǎn)單瀏覽的時(shí)候，這就不再需要對(duì)表格進(jìn)行查詢了。但是用到了MozillaDSO()和xmlPage()函數(shù)。

列表A

    <root>
    <row>
    <selected></selected>
    <line>1</line>
    <quantity>1</quantity>
    <item>W01</item>
    <description>Swept hilt rapier</description>
    <weight>3.6</weight>
    <unitprice>195.95</unitprice>
    </row>

    <row>
    <selected></selected>
    <line>2</line>
    <quantity>2</quantity>
    <item>W02</item>
    <description>Hand-and-a-half sword</description>
    <weight>5.8</weight>
    <unitprice>250.95</unitprice>
    </row>

    <row>
    <selected></selected>
    <line>3</line>
    <quantity>1</quantity>
    <item>W03</item>
    <description>Wood long bow</description>
    <weight>2.7</weight>
    <unitprice>190.00</unitprice>
    </row>

    <row>
    <selected></selected>
    <line>4</line>
    <quantity>1</quantity>
    <item>W04</item>
    <description>Wizard staff</description>
    <weight>3.1</weight>
    <unitprice>89.25</unitprice>
    </row>

    <row>
    <selected></selected>
    <line>5</line>
    <quantity>1</quantity>
    <item>C01</item>
    <description>Gauntlets</description>
    <weight>0.7</weight>
    <unitprice>25.00</unitprice>
    </row>

    <row>
    <selected></selected>
    <line>6</line>
    <quantity>5</quantity>
    <item>C02</item>
    <description>Knee-high boots</description>
    <weight>1.9</weight>
    <unitprice>95.00</unitprice>
    </row>

    <row>
    <selected></selected>
    <line>7</line>
    <quantity>9</quantity>
    <item>C04</item>
    <description>Cloak</description>
    <weight>1.0</weight>
    <unitprice>125.00</unitprice>
    </row>

    <row>
    <selected></selected>
    <line>8</line>
    <quantity>22</quantity>
    <item>C05</item>
    <description>Orc repellent</description>
    <weight>1.0</weight>
    <unitprice>8.95</unitprice>
    </row>

    <row>
    <selected></selected>
    <line>9</line>
    <quantity>1</quantity>
    <item>W05</item>
    <description>Dwarf axe</description>
    <weight>8.0</weight>
    <unitprice>358.95</unitprice>
    </row>

    <row>
    <selected></selected>
    <line>10</line>
    <quantity>1</quantity>
    <item>A01</item>
    <description>Steel cap</description>
    <weight>2.8</weight>
    <unitprice>219.95</unitprice>
    </row>

    <row>
    <selected></selected>
    <line>11</line>
    <quantity>1</quantity>
    <item>A02</item>
    <description>Chainmail shirt</description>
    <weight>15.3</weight>
    <unitprice>487.22</unitprice>
    </row>

    <row>
    <selected></selected>
    <line>12</line>
    <quantity>1</quantity>
    <item>A03</item>
    <description>Mithril shirt</description>
    <weight>0.4</weight>
    <unitprice>87236.03</unitprice>
    </row>

    <row>
    <selected></selected>
    <line>13</line>
    <quantity>1</quantity>
    <item>W07</item>
    <description>Elvish long sword</description>
    <weight>1.9</weight>
    <unitprice>794.99</unitprice>
    </row>

    <row>
    <selected></selected>
    <line>14</line>
    <quantity>1</quantity>
    <item>W08</item>
    <description>Elvish short sword</description>
    <weight>0.8</weight>
    <unitprice>435.99</unitprice>
    </row>

    <row>
    <selected></selected>
    <line>15</line>
    <quantity>3</quantity>
    <item>W09</item>
    <description>Short sword</description>
    <weight>1.5</weight>
    <unitprice>89.95</unitprice>
    </row>
    </root>

列表B

    function update() {
      /* Function:      update
         Creation Date: May 5, 2003
         Programmer:    Edmond Woychowsky
         Purpose:       The purpose of this function is to apply bound Data

Island changes to the full Data Island. This is

accomplished by matching line numbers in both Data

Islands. Once this has been completed the full Data

Island is sent to the server via XMLHTTP.

Update Date: Programmer: Description:
*/

var objXMLHTTP;

// XMLHTTP request object

var reWork = new RegExp('internet explorer','gi');

document.body.style.cursor = 'wait'; // Set cursor

for(var i=0;i < objPage.bound.getElementsByTagName('row').length;i++)

for(var j=0;j < objPage.full.getElementsByTagName('row').length;j++)

if(objPage.bound.getElementsByTagName('line').item(i).firstChild.nodeValue == objPage.full.getElementsByTagName('line').item(j).firstChild.nodeValue) {

for(var k=0;k < objPage.bound.getElementsByTagName('row').item(i).childNodes.length;k++)

if(objPage.bound.getElementsByTagName('row').item(i).childNodes.item(k).nodeName != '#text')

switch(objPage.bound.getElementsByTagName('row').item(i).childNodes.item(k).nodeName.toLowerCase()) {

case('quantity'):

case('selected'):

try {

objPage.full.getElementsByTagName('row').item(j).childNodes.item(k).firstChild.nodeValue = objPage.bound.getElementsByTagName('row').item(i).childNodes.item(k).firstChild.nodeValue;

}

catch(e) {

try {

objPage.full.getElementsByTagName('row').item(j).childNodes.item(k).appendChild(objPage.bound.getElementsByTagName('row').item(i).childNodes.item(k).firstChild.cloneNode(true));

}

catch(e) { }

}

break;

}

break;

}

// Send updates

if(reWork.test(navigator.appName))

objXMLHTTP = new ActiveXObject('Microsoft.XMLHTTP');

else

objXMLHTTP = new XMLHttpRequest();

objXMLHTTP.open('GET','xmlServer.asp',true);

objXMLHTTP.setRequestHeader('content-type','text/xml');

objXMLHTTP.onreadystatechange = function() {

var reWork = new RegExp('internet explorer','gi');

if(objXMLHTTP.readyState == 4) {

if(reWork.test(navigator.appName))

objPage.full.XMLDocument.loadXML(unescape(objXMLHTTP.responseText));

else

objPage.full.innerHTML = unescape(objXMLHTTP.responseText);

//Handle empty page

if(objPage.page() > objPage.pagecount())

objPage.showPrevious();

else

objPage.showPage();

// Display page info

document.getElementById('currentpage').lastChild.nodeValue = objPage.page();

document.getElementById('totalpages').lastChild.nodeValue = objPage.pagecount();

document.body.style.cursor = 'auto';

} }

// IE work around

try {

objPage.full.innerHTML = objPage.full.XMLDocument.xml;

}

catch(e) { }

if(reWork.test(navigator.appName))

objXMLHTTP.setRequestHeader('request',escape(objPage.full.XMLDocument.xml));

else

objXMLHTTP.setRequestHeader('request',escape(objPage.full.innerHTML));

objXMLHTTP.send(null);

}

在做進(jìn)一步講解之前，我會(huì)在同一個(gè)句子里使用Mozilla和XMLHTTP。有書(shū)面的證據(jù)表明Mozilla支持XMLHTTP。盡管其句法與Internet Explorer所用的句法稍有不同，但這并不是JavaScript無(wú)法處理的東西。完整的客戶端解決方案見(jiàn)圖A，而ASP見(jiàn)下面的列表C。

圖A

列表C

<html>

<body>

<table cellPadding="0" width="100%" border="0" id="table1">
<tr>
  <td class="subhead1">Listing C</td>
</tr>
<tr bgColor="#ff0000">
  <td height="1">
  <img height="1" src="http://builder.com.com/i/tr/spacer.gif" width="1"></td>
</tr>
<tr>
  <td height="5">
  <img height="5" src="http://builder.com.com/i/tr/spacer.gif" width="1"></td>
</tr>
<tr>
  <td>
  <%@ Language=JScript %>

<%
Response.Buffer = true;

var strTitle = 'Honest Ed\'s Adventure Emporium';

     Session('shoppingcart') = '<root>';
     Session('shoppingcart') += '<row>';
     Session('shoppingcart') += '<selected></selected>';
     Session('shoppingcart') += '<line>1</line>';
     Session('shoppingcart') += '<quantity>1</quantity>';
     Session('shoppingcart') += '<item>W01</item>';
     Session('shoppingcart') += '<description>Swept hilt rapier</description>';
     Session('shoppingcart') += '<weight>3.6</weight>';
     Session('shoppingcart') += '<unitprice>195.95</unitprice>';
     Session('shoppingcart') += '</row>';
     Session('shoppingcart') += '<row>';
     Session('shoppingcart') += '<selected></selected>';
     Session('shoppingcart') += '<line>2</line>';
     Session('shoppingcart') += '<quantity>2</quantity>';
     Session('shoppingcart') += '<item>W02</item>';
    Session('shoppingcart') += '<description>Hand-and-a-half sword</description>';
     Session('shoppingcart') += '<weight>5.8</weight>';
     Session('shoppingcart') += '<unitprice>250.95</unitprice>';
     Session('shoppingcart') += '</row>';
     Session('shoppingcart') += '<row>';
     Session('shoppingcart') += '<selected></selected>';
     Session('shoppingcart') += '<line>3</line>';
     Session('shoppingcart') += '<quantity>1</quantity>';
     Session('shoppingcart') += '<item>W03</item>';
     Session('shoppingcart') += '<description>Wood long bow</description>';
     Session('shoppingcart') += '<weight>2.7</weight>';
     Session('shoppingcart') += '<unitprice>190.00</unitprice>';
     Session('shoppingcart') += '</row>';
     Session('shoppingcart') += '<row>';
     Session('shoppingcart') += '<selected></selected>';
     Session('shoppingcart') += '<line>4</line>';
     Session('shoppingcart') += '<quantity>1</quantity>';
     Session('shoppingcart') += '<item>W04</item>';
     Session('shoppingcart') += '<description>Wizard staff</description>';
     Session('shoppingcart') += '<weight>3.1</weight>';
     Session('shoppingcart') += '<unitprice>89.25</unitprice>';
     Session('shoppingcart') += '</row>';
     Session('shoppingcart') += '<row>';
    Session('shoppingcart') += '<selected></selected>';
     Session('shoppingcart') += '<line>5</line>';
     Session('shoppingcart') += '<quantity>1</quantity>';
     Session('shoppingcart') += '<item>C01</item>';
     Session('shoppingcart') += '<description>Gauntlets</description>';
     Session('shoppingcart') += '<weight>0.7</weight>';
     Session('shoppingcart') += '<unitprice>25.00</unitprice>';
     Session('shoppingcart') += '</row>';
     Session('shoppingcart') += '<row>';
     Session('shoppingcart') += '<selected></selected>';
     Session('shoppingcart') += '<line>6</line>';
     Session('shoppingcart') += '<quantity>5</quantity>';
     Session('shoppingcart') += '<item>C02</item>';
     Session('shoppingcart') += '<description>Knee-high boots</description>';
     Session('shoppingcart') += '<weight>1.9</weight>';
     Session('shoppingcart') += '<unitprice>95.00</unitprice>';
     Session('shoppingcart') += '</row>';
     Session('shoppingcart') += '<row>';
     Session('shoppingcart') += '<selected></selected>';
     Session('shoppingcart') += '<line>7</line>';
     Session('shoppingcart') += '<quantity>9</quantity>';
     Session('shoppingcart') += '<item>C04</item>';
     Session('shoppingcart') += '<description>Cloak</description>';
     Session('shoppingcart') += '<weight>1.0</weight>';
     Session('shoppingcart') += '<unitprice>125.00</unitprice>';
     Session('shoppingcart') += '</row>';
     Session('shoppingcart') += '<row>';
     Session('shoppingcart') += '<selected></selected>';
    Session('shoppingcart') += '<line>8</line>';
     Session('shoppingcart') += '<quantity>22</quantity>';
     Session('shoppingcart') += '<item>C05</item>';
     Session('shoppingcart') += '<description>Orc repellent</description>';
     Session('shoppingcart') += '<weight>1.0</weight>';
     Session('shoppingcart') += '<unitprice>8.95</unitprice>';
     Session('shoppingcart') += '</row>';
     Session('shoppingcart') += '<row>';
     Session('shoppingcart') += '<selected></selected>';
     Session('shoppingcart') += '<line>9</line>';
     Session('shoppingcart') += '<quantity>1</quantity>';
     Session('shoppingcart') += '<item>W05</item>';
     Session('shoppingcart') += '<description>Dwarf axe</description>';
     Session('shoppingcart') += '<weight>8.0</weight>';
     Session('shoppingcart') += '<unitprice>358.95</unitprice>';
     Session('shoppingcart') += '</row>';
     Session('shoppingcart') += '<row>';
     Session('shoppingcart') += '<selected></selected>';
     Session('shoppingcart') += '<line>10</line>';
     Session('shoppingcart') += '<quantity>1</quantity>';
     Session('shoppingcart') += '<item>A01</item>';
     Session('shoppingcart') += '<description>Steel cap</description>';
     Session('shoppingcart') += '<weight>2.8</weight>';
     Session('shoppingcart') += '<unitprice>219.95</unitprice>';
     Session('shoppingcart') += '</row>';
     Session('shoppingcart') += '<row>';
     Session('shoppingcart') += '<selected></selected>';
     Session('shoppingcart') += '<line>11</line>';
     Session('shoppingcart') += '<quantity>1</quantity>';
     Session('shoppingcart') += '<item>A02</item>';
     Session('shoppingcart') += '<description>Chainmail shirt</description>';
     Session('shoppingcart') += '<weight>15.3</weight>';
     Session('shoppingcart') += '<unitprice>487.22</unitprice>';
     Session('shoppingcart') += '</row>';
     Session('shoppingcart') += '<row>';
     Session('shoppingcart') += '<selected></selected>';
     Session('shoppingcart') += '<line>12</line>';
     Session('shoppingcart') += '<quantity>1</quantity>';
     Session('shoppingcart') += '<item>A03</item>';
     Session('shoppingcart') += '<description>Mithril shirt</description>';
     Session('shoppingcart') += '<weight>0.4</weight>';
     Session('shoppingcart') += '<unitprice>87236.03</unitprice>';
     Session('shoppingcart') += '</row>';
     Session('shoppingcart') += '<row>';
     Session('shoppingcart') += '<selected></selected>';
     Session('shoppingcart') += '<line>13</line>';
     Session('shoppingcart') += '<quantity>1</quantity>';
     Session('shoppingcart') += '<item>W07</item>';
     Session('shoppingcart') += '<description>Elvish long sword</description>';
     Session('shoppingcart') += '<weight>1.9</weight>';
     Session('shoppingcart') += '<unitprice>794.99</unitprice>';
     Session('shoppingcart') += '</row>';
     Session('shoppingcart') += '<row>';
     Session('shoppingcart') += '<selected></selected>';
     Session('shoppingcart') += '<line>14</line>';
     Session('shoppingcart') += '<quantity>1</quantity>';
     Session('shoppingcart') += '<item>W08</item>';
     Session('shoppingcart') += '<description>Elvish short sword</description>';
     Session('shoppingcart') += '<weight>0.8</weight>';
     Session('shoppingcart') += '<unitprice>435.99</unitprice>';
     Session('shoppingcart') += '</row>';
     Session('shoppingcart') += '<row>';
     Session('shoppingcart') += '<selected></selected>';
     Session('shoppingcart') += '<line>15</line>';
     Session('shoppingcart') += '<quantity>3</quantity>';
     Session('shoppingcart') += '<item>W09</item>';
     Session('shoppingcart') += '<description>Short sword</description>';
     Session('shoppingcart') += '<weight>1.5</weight>';
     Session('shoppingcart') += '<unitprice>89.95</unitprice>';
     Session('shoppingcart') += '</row>';
     Session('shoppingcart') += '</root>';

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><%=strTitle %></title>
<style type="text/css">

{
FONT-SIZE: 9pt;
FONT-FAMILY: Tahoma

}

XML

{
WIDTH: 0px;
HEIGHT: 0px;
DISPLAY: none;

}
    </style>
    <script language="JavaScript">
      <!-- <![CDATA[

function setEvents() {
/* Function:      setEvents
     Creation Date: April 25, 2003
     Programmer:    Edmond Woychowsky
     Purpose:       The purpose of this function is to create an instance
                        of the xmlPage object, initialize the object and
                         perform page initialization.

Update Date: Programmer: Description:
*/

objPage = new xmlPage(); // Create instance

     for(var i=0;i < document.getElementsByTagName('input').length;i++)
          if(document.getElementsByTagName('input').item(i).getAttribute('type') == 'button') {
               document.getElementsByTagName('input').item(i).style.height = '26px';
               document.getElementsByTagName('input').item(i).style.width = '100px';

               document.getElementsByTagName('input').item(i).onmouseover = new Function('this.style.color = \'#FF0000\'');
               document.getElementsByTagName('input').item(i).onmouseout = new Function('this.style.color = \'#000000\'');
          }

                                                            //     Establish relationships
     objPage.bound = document.getElementById('xmlWindow');
     objPage.full = document.getElementById('xmlFull');
     objPage.table = document.getElementById('boundTable');

objPage.length(10); // Set page length
objPage.showPage(); // Show first page

                                                            //     Display page info
     try {
          document.getElementById('currentpage').removeChild(document.getElementById('currentpage').firstChild);
          document.getElementById('totalpages').removeChild(document.getElementById('totalpages').firstChild);
     }
     catch(e) { }

document.getElementById('currentpage').appendChild(document.createTextNode(objPage.page()));
document.getElementById('totalpages').appendChild(document.createTextNode(objPage.pagecount()));

}

function update() {
/* Function:      update
     Creation Date: May 5, 2003
     Programmer:    Edmond Woychowsky
     Purpose:       The purpose of this function is to apply bound Data
                        Island changes to the full Data Island. This is
                         accomplished by matching line numbers in both Data
                         Islands. Once this has been completed the full Data
                         Island is sent to the server via XMLHTTP.

Update Date: Programmer: Description:
*/

var objXMLHTTP; // XMLHTTP request object
var reWork = new RegExp('internet explorer','gi');

document.body.style.cursor = 'wait'; // Set cursor

     for(var i=0;i < objPage.bound.getElementsByTagName('row').length;i++)
          for(var j=0;j < objPage.full.getElementsByTagName('row').length;j++)
               if(objPage.bound.getElementsByTagName('line').item(i).firstChild.nodeValue == objPage.full.getElementsByTagName('line').item(j).firstChild.nodeValue) {
                    for(var k=0;k < objPage.bound.getElementsByTagName('row').item(i).childNodes.length;k++)
                         if(objPage.bound.getElementsByTagName('row').item(i).childNodes.item(k).nodeName != '#text')
                              switch(objPage.bound.getElementsByTagName('row').item(i).childNodes.item(k).nodeName.toLowerCase()) {
                                   case('quantity'):
                                   case('selected'):
                                        try {
                                             objPage.full.getElementsByTagName('row').item(j).childNodes.item(k).firstChild.nodeValue = objPage.bound.getElementsByTagName('row').item(i).childNodes.item(k).firstChild.nodeValue;
                                        }
                                        catch(e) {
                                             try {
                                                 objPage.full.getElementsByTagName('row').item(j).childNodes.item(k).appendChild(objPage.bound.getElementsByTagName('row').item(i).childNodes.item(k).firstChild.cloneNode(true));
                                             }
                                            catch(e) { }
                                        }

break;
}

                                                           //     Send updates
     if(reWork.test(navigator.appName))
          objXMLHTTP = new ActiveXObject('Microsoft.XMLHTTP');
     else
          objXMLHTTP = new XMLHttpRequest();

     objXMLHTTP.open('GET','xmlServer.asp',true);
     objXMLHTTP.setRequestHeader('content-type','text/xml');

     objXMLHTTP.onreadystatechange = function() {
          var reWork = new RegExp('internet explorer','gi');

          if(objXMLHTTP.readyState == 4) {
               if(reWork.test(navigator.appName))
                    objPage.full.XMLDocument.loadXML(unescape(objXMLHTTP.responseText));
               else
                    objPage.full.innerHTML = unescape(objXMLHTTP.responseText);

                                                            //    Handle empty page
               if(objPage.page() > objPage.pagecount())
                    objPage.showPrevious();
               else
                    objPage.showPage();

                                                            //     Display page info
               document.getElementById('currentpage').lastChild.nodeValue = objPage.page();
               document.getElementById('totalpages').lastChild.nodeValue = objPage.pagecount();

               document.body.style.cursor = 'auto';
         }
     }

                                                            //     IE work around
     try {
          objPage.full.innerHTML = objPage.full.XMLDocument.xml;
     }
     catch(e) { }

     if(reWork.test(navigator.appName))
          objXMLHTTP.setRequestHeader('request',escape(objPage.full.XMLDocument.xml));
       else
          objXMLHTTP.setRequestHeader('request',escape(objPage.full.innerHTML));

     objXMLHTTP.send(null);

}

function ieBusTable(objTable) {
/* Function:      ieBusTable
     Creation Date: April 30, 2003
     Programmer:    Edmond Woychowsky
     Purpose:       The purpose of this function is to remove the garbage
                         that Microsoft Internet Explorer displays when a table's
                         cell contains null. This porblem only applies to div
                         and span tags.

Update Date: Programmer: Description:
*/

var reWork = new RegExp('internet explorer','gi');

     if(reWork.test(navigator.appName))
          if(objTable.readyState == 'complete') {
               for(var i=0;i < objTable.getElementsByTagName('div').length;i++)
                    if(objTable.getElementsByTagName('div').item(i).innerText.length == 0)
                         objTable.getElementsByTagName('div').item(i).innerText = ' ';

               for(var i=0;i < objTable.getElementsByTagName('span').length;i++)
                    if(objTable.getElementsByTagName('span').item(i).innerText.length == 0)
                         objTable.getElementsByTagName('span').item(i).innerText = ' ';
          }

}

function xmlPage() {
/* Function:      xmlPage
     Creation Date: April 25, 2003
     Programmer:    Edmond Woychowsky
     Purpose:       The purpose of this class is to define the cross-browser
                         (Mozill & IE) paging object.

Update Date: Programmer: Description:
*/

                                                            //     Variables
     var objCommonAncestor = null;                   //     datafld common ancestor
     var objInitialTable = null;
     var strBound = null;                              //     XML window data island
     var strXML = null;                                   //     XML full data island
    var strTable = null;                              //     Bound HTML/XHTML table
     var intAbsolutePosition = 0;                    //     Window item index
     var intPage = 1;                                   //     Logical page number
     var intLength = 15;                                   //     Logical page length
     var blnInitialize = false;                         //     Initialize binds

                                                            //     Properties
     this.bound = null;                                   //     XML window data island
     this.full = null;                                   //     XML full data island
     this.table = null;                                   //     Bound HTML/XHTML table

                                                           //     Methods
     this.length = m_length;                              //     Page length
     this.page = m_page;                                   //     Current page number
     this.pagecount = m_pageCount;                   //     Calculate page count
     this.recordcount = m_recordCount;               //     "ADO recordset" recordcount
     this.showPage = m_showPage;                         //     Show current page
     this.showFirst = m_showFirst;                   //     "ADO recordset" movefirst
     this.showLast = m_showLast;                         //     "ADO recordset" movelast
     this.showNext = m_showNext;                         //     "ADO recordset" movenext
     this.showPrevious = m_showPrevious;               //     "ADO recordset" moveprevious

     function m_showPage() {
          /* Function:          m_showPage
             Creation Date:     April 25, 2003
             Programmer:          Edmond Woychowsky
             Purpose:              The purpose of this function is to show the
                                   current page's information. This is accomplished
                                   by cloning the applicable nodes from the "full"
                                  Data Island to the "bound" Data Island.

             Update Date:       Programmer:              Description:
             May 13, 2003            Edmond Woychowsky          Modified to invoke m_recordCount()
                                                                to compute current record count.
          */

var objRoot = document.createElement('root');
var objXML = null; // XML DOM for IE

if(!blnInitialize)
initialize(this.bound,this.full,this.table);

this.full = document.getElementById(strXML);
this.bound = document.getElementById(strBound);

                                                            //     Remove existing nodes
          try {
               document.getElementById(strTable).innerHTML = objInitialTable.innerHTML;
          }
          catch(e) { }

          try {
               for(var i=0;i < this.bound.childNodes.length;i++)
                    this.bound.removeChild(this.bound.childNodes.item(i));
          }
          catch(e) { }

                                                            //     Add up to this.length nodes
          for(var i=intAbsolutePosition;i < (intAbsolutePosition + intLength);i++)
               if(i > (m_recordCount() - 1))
                    break;
               else {
                    try {                                   //     Unique Mozilla logic
                         objRoot.appendChild(this.full.getElementsByTagName(objCommonAncestor).item(i).cloneNode(true));
                    }
                    catch(e) {                              //     Unique IE logic
                         if(i == intAbsolutePosition) {
                              objXML = new ActiveXObject('MSXML.DOMDocument');
                              objRoot = objXML.createElement('root');
                         }

                         objRoot.appendChild(this.full.XMLDocument.getElementsByTagName(objCommonAncestor).item(i).cloneNode(true));
                   }
               }

this.bound.appendChild(objRoot);

MozillaDSO(); // Mozilla bind logic
}

     function m_showFirst() {
          /* Function:          m_showFirst
             Creation Date:     April 25, 2003
             Programmer:          Edmond Woychowsky
             Purpose:               The purpose of this function is to show the
                                   first logical page.

Update Date: Programmer: Description:
*/

intAbsolutePosition = 0; // Set absolute position

m_showPage(); // Show page
}

     function m_showLast() {
          /* Function:          m_showLast
             Creation Date:     April 25, 2003
             Programmer:          Edmond Woychowsky
             Purpose:               The purpose of this function is to show the
                                   last logical page.

Update Date: Programmer: Description:
*/

intAbsolutePosition = (m_pageCount() - 1) * m_length();

m_showPage(); // Show page
}

     function m_showNext() {
          /* Function:          m_showNext
             Creation Date:     April 25, 2003
             Programmer:          Edmond Woychowsky
             Purpose:               The purpose of this function is to show the
                                  next logical page.

Update Date: Programmer: Description:
*/

if(m_page() < m_pageCount())
intAbsolutePosition += intLength; // Set absolute position

m_showPage(); // Show page
}

     function m_showPrevious() {
          /* Function:          m_showPrevious
             Creation Date:     April 25, 2003
             Programmer:          Edmond Woychowsky
            Purpose:               The purpose of this function is to show the
                                   previous logical page.

Update Date: Programmer: Description:
*/

if(m_page() > 1)
intAbsolutePosition -= intLength; // Set absolute position

m_showPage(); // Show page
}

     function m_length() {
          /* Function:          m_length
             Creation Date:     April 25, 2003
             Programmer:          Edmond Woychowsky
             Purpose:               The purpose of this function is to set or get
                                   the logical page length.

Update Date: Programmer: Description:
*/

          if(arguments.length > 0)
               intLength = parseInt(arguments[0],10);
          else
               return intLength;
     }

     function m_page() {
          /* Function:          m_page
            Creation Date:     April 25, 2003
             Programmer:          Edmond Woychowsky
             Purpose:               The purpose of this function is to compute the
                                   current logical page number.

Update Date: Programmer: Description:
*/

return (parseInt((intAbsolutePosition / intLength),10) + 1);
}

     function m_recordCount() {
          /* Function:          m_recordCount
             Creation Date:     April 25, 2003
             Programmer:          Edmond Woychowsky
             Purpose:               The purpose of this function is to compute the
                                   return the total number of "records" in the
                                  "full" XML Data Island.

             Update Date:       Programmer:              Description:
             May 13, 2003            Edmond Woychowsky          Modified to recompute due
                                                                 to possible deletes.
          */

if(!blnInitialize)
initialize(this.bound,this.full,this.table);

return document.getElementById(strXML).getElementsByTagName(objCommonAncestor).length;
}

</body>

</html>

服務(wù)器端
一旦客戶端的代碼編寫完成，就到了把注意力集中到購(gòu)物車的服務(wù)器端上了。創(chuàng)建購(gòu)物車的機(jī)制因電子商務(wù)系統(tǒng)的差異而有所不同，但是XLM數(shù)據(jù)島的基本布局就像下面列表D里面的一樣。

<%@ Language=JScript %>

/* ASP: xmlServer

Creation Date: May 12, 2003

Programmer: Edmond Woychowsky

Purpose: The purpose of this script is to handle client-side changes

to the contents of an XML "shopping cart".

Update Date: Programmer: Description:

var objXML = new ActiveXObject('MSXML2.FreeThreadedDOMDocument.4.0');

objXML.loadXML(unescape(Request.ServerVariables.Item('HTTP_request')));

if(objXML.parseError == 0) { // Delete rows

for(var i=0;i < objXML.getElementsByTagName('row').length;i++)

if(eval(objXML.getElementsByTagName('selected').item(i).text)) {

objXML.getElementsByTagName('root').item(0).removeChild(objXML.getElementsByTagName('row').item(i));

--i;

}

// Resequence lines

for(var i=0;i < objXML.getElementsByTagName('line').length;i++)

objXML.getElementsByTagName('line').item(i).text = (i + 1).toString();

Session('shoppingcart') = objXML.xml; // Update session variable

}

Response.Write(Session('shoppingcart')); // Respond to client

objXML = null;

// Clean up

由于這只是一個(gè)演示版的應(yīng)用程序，所以客戶端頁(yè)面代碼之后部分（見(jiàn)列表C）并沒(méi)有顯示出購(gòu)物車最初是如何創(chuàng)建的，也沒(méi)有顯示任何數(shù)據(jù)庫(kù)邏輯。它把重點(diǎn)放在了購(gòu)物車的操控上（見(jiàn)列表D）。當(dāng)?shù)谝患锲繁贿x中的時(shí)候，利用XML文檔對(duì)象模型（DOM），或者通過(guò)使用ADO的保存方法和XSLT就可以完成創(chuàng)建購(gòu)物車了。以后的物品簡(jiǎn)單地通過(guò)使用DOM或者XSLT就可以加在后面了。

檢驗(yàn)過(guò)程就是數(shù)據(jù)庫(kù)邏輯所在的地方。我使用DOM來(lái)瀏覽XML購(gòu)物車，使用一個(gè)Oracle存儲(chǔ)過(guò)程來(lái)更新或者添加數(shù)據(jù)行，這真的對(duì)那些使用SQL服務(wù)器或者M(jìn)ySQL的購(gòu)物車沒(méi)有什么幫助。

第二次會(huì)更好
使用XML數(shù)據(jù)島比較容易讓HTML具有清爽的外觀。這里沒(méi)有一行接一行的服務(wù)器端代碼，也沒(méi)有嵌入在循環(huán)里的單行HTML，這里有的是一行HTML。當(dāng)有人在你剛剛完成購(gòu)物車應(yīng)用程序就建議添加一個(gè)數(shù)據(jù)列的時(shí)候，這個(gè)方法可以幫助你避免一些開(kāi)發(fā)人員需要面對(duì)的維護(hù)惡夢(mèng)。

溫馨提示：喜歡本站的話，請(qǐng)收藏一下本站！

狠狠爱成人网_日韩一级在线_国产综合自拍_亚洲精品韩国_亚洲视频导航_麻豆成人在线播放_欧美jjzz_一区在线视频观看_美脚丝袜一区二区三区在线观看_欧美91视频

當(dāng)前位置:系統(tǒng)之家 > 技術(shù)開(kāi)發(fā)教程 > 詳細(xì)頁(yè)面

用XML與ASP完成購(gòu)物車

本類教程下載

系統(tǒng)下載排行