Ajax實驗指導手冊3-location_xml_第1頁
Ajax實驗指導手冊3-location_xml_第2頁
Ajax實驗指導手冊3-location_xml_第3頁
Ajax實驗指導手冊3-location_xml_第4頁
全文預覽已結束

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權，請進行舉報或認領

文檔簡介

1、ajax實驗指導手冊環(huán)境配置> jdk5.0> eclipse 3.2> myeclipse5.1ga> tomcat5.53處理服務器返回的xml格式數(shù)據(jù)3.1編寫客戶端組件1 <!doctype html public w-/w3c/dtd html 4.01 transitional/enn n/tr/htm2 <html><head><meta<meta<meta<metahttp-equlv=rrcontent-trperr content=rrtext/html; char

2、set=utf-8rr> http-equiv=rrcache-controlrr content=rrno-storerl/> http-equlv=rrfraginarr content=rrno-cacherr/> http-equiv=rrexpiresrr content=rr0rr/>1011121314151617181920212223242526<title>location data</title> <script t6=rrtext/javascriptrr>var request = false;functio

3、n createrequest()try request = new xmlhttprequest(); / mozilla, safari, opera, 工e7等 catch (e) /ie7以前的版本try request = new activexobject (rrmsxinl2 .xmlhttp”)； /te較新版本 catch (el) try request = new activexobject (r,microsoft xm匸http") ; /ie較老版本 catch (e2) request = false;2829if (! request) alter (

4、nerror initializing xmlhttprequest!rr);30313233343536373839404142434445464748495051525354</script></head>5556-575859606162636465666763<body><table align=ncentern><h2 align=ncentern>please enter location data</h2><tr><th align=nleftn>zipcode:</th>

5、<td><input id=nzipcoden trpe=ntextn name=nzipcoden onblur=nprocesszipdata () rrx/td></tr><tr><th align=nleftn>city:</th><td><input id=ncityn trpe=ntextn name= ncityn></1d> </tr>function processzipdata() createreqest();var zipcode = doc-amen

6、t. getelementbyld (r, zipcoder,) . value; var url = r,zipdata_xml. jsp?zipcode=r, + escape (zipcode); request. open ( ngetri r urlr true);request.onreadystatechange = updatepage;request.send(null);function updatepage()if (request.readystate = 4) if (request 3匸&匸us = 200)var response = request.re

7、sponsexml;var city = response . getelementsbytagname (ricltyri).firstchild.nodevalue;var province = response . getelementsbytagname (r,provlncer,) .firstchild.nodevalue;docjment. getelementbyld (r,cityri) .value = city; doc-ament. getelementbyld (nprovlncer,) . value = province;69 <tr>70 <t

8、h align=nleftir>province :</th>71 <td><input id=nprovincen trpe=ntextn name=nprovincerr></td>72 </tr>73 </ta b">74 </body>75 </html>3.2編寫服務器端組件zipdata_xml.jsp:1 <%gpage irrort=n java .util.contenttype=ntext/html; charset=utf-8n%>2<%map

9、<stringr string> datas = new ha3nl-iap<stringr string> (); string locationl = n<locatlon>n +n<city>hefei</city>n + rr<province>anhui</province>n + n</location>n;string locations = n<locatlon>n + n<city>tangshan</city>n + n<prov

10、7;nce>hebei</prov±nce>n + n</location>n;string location3 = n<locatlon>n + n<city>shanghai</city>n + rr<province>shanghal</province>n + n</location>n;string error = n<location>n +n<city>error</city>n + rr<province>error</province>n + n</location>n;datas .put (rr230000r,r locacionl);datas.put("063000”r location2);datas .put (rr20

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論