天天看點

AJAX備忘錄

寰????鳳??變?寰??挎?堕?存???懼?鴻?涓?bug锛?javascript 涓????規??朵?瑕????規??? 瀹?涔?涓? function start()? 锛?涓?淇′?璇?璇?锛?web椤甸?㈡??涓??芥?g‘浣跨?ㄧ??锛? ????tart()杩?涓???瀛???淇???瀛?????绂??ㄧ????锛??蜂???搴?涓??ラ????

涓??㈡????浠?涓???????渚?瀛?浠g??:

ajax.js

AJAX備忘錄

// ?JavaScript?Document

AJAX備忘錄
AJAX備忘錄

var ?xmlhttp;

AJAX備忘錄

function ?createxmlhttprequest()

AJAX備忘錄
AJAX備忘錄

... {

AJAX備忘錄

????if(window.ActiveXObject)

AJAX備忘錄
AJAX備忘錄

????...{

AJAX備忘錄

????????xmlhttp?=?new?ActiveXObject("Microsoft.XMLHTTP");

AJAX備忘錄

????}

AJAX備忘錄

????else?if(window.XMLHttpRequest)

AJAX備忘錄
AJAX備忘錄

????...{

AJAX備忘錄

????????xmlhttp?=?new?XMLHttpRequest();

AJAX備忘錄

????}

AJAX備忘錄

}

AJAX備忘錄
AJAX備忘錄

function ?starts()

AJAX備忘錄
AJAX備忘錄

... {

AJAX備忘錄

????alert("begin?AJAX?.....");

AJAX備忘錄

????

AJAX備忘錄

????createxmlhttprequest();

AJAX備忘錄

????

AJAX備忘錄

????xmlhttp.onreadystatechange?=?handlechange;

AJAX備忘錄

????xmlhttp.open("get","163.xml",true);

AJAX備忘錄

????xmlhttp.send(null);

AJAX備忘錄

}

AJAX備忘錄
AJAX備忘錄

function ?handlechange()

AJAX備忘錄
AJAX備忘錄

... {

AJAX備忘錄

????if(xmlhttp.readyState==4)

AJAX備忘錄
AJAX備忘錄

????...{

AJAX備忘錄

????????if(xmlhttp.status==200)

AJAX備忘錄
AJAX備忘錄

????????...{

AJAX備忘錄

????????????readxml();

AJAX備忘錄

????????????}

AJAX備忘錄

????????

AJAX備忘錄

????????}

AJAX備忘錄

}

AJAX備忘錄
AJAX備忘錄

function ?readxml()

AJAX備忘錄
AJAX備忘錄

... {

AJAX備忘錄

????var?xmldoc=xmlhttp.responseXML;

AJAX備忘錄

????var?node=xmldoc.getElementsByTagName("content")[0];

AJAX備忘錄

????var?content=node.childNodes[0].nodeValue;

AJAX備忘錄

????//alert(content);

AJAX備忘錄

????//document.getElementById("div1").innerHTML=content;

AJAX備忘錄

??????document.getElementById("div1").innerHTML?=?content;

AJAX備忘錄

}

test.jsp

AJAX備忘錄
AJAX備忘錄

<% ... @?page?contentType="text/html;?charset=gb2312"?language="java"?import="java.sql.*"?errorPage=""? %>

AJAX備忘錄

<! DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

AJAX備忘錄

< html? xmlns ="http://www.w3.org/1999/xhtml" >

AJAX備忘錄

< head >

AJAX備忘錄

< meta? http-equiv ="Content-Type" ?content ="text/html;?charset=gb2312" ? />

AJAX備忘錄

< title > ajax </ title >

AJAX備忘錄

< script?? src ="js/ajax.js" ></ script >

AJAX備忘錄

</ head >

AJAX備忘錄
AJAX備忘錄

< body >

AJAX備忘錄
AJAX備忘錄

< div? id ="all" >

AJAX備忘錄

???? < form? action ="#" >

AJAX備忘錄

???????? < input? name ="" ?type ="button" ??value ="open?xml" ?onclick ="starts();" />

AJAX備忘錄

???? </ form >

AJAX備忘錄

????

AJAX備忘錄

???? < a? href ="#" ?onclick ="starts();" > goajax </ a >

AJAX備忘錄

???? < hr? />

AJAX備忘錄

???? < div? id ="div1" > ??

AJAX備忘錄

????waiting?open?xmlfile.............

AJAX備忘錄

???? </ div >

AJAX備忘錄

</ div > ????

AJAX備忘錄

</ body >

AJAX備忘錄

</ html >

163.xml

?

AJAX備忘錄

<? xml?version="1.0"?encoding="GB2312" ?>

AJAX備忘錄

< document >

AJAX備忘錄

????? < title > 缃?????琛?璇????℃?℃??</ title >

AJAX備忘錄

????? < author > 163 </ author >

AJAX備忘錄

????? < content > ????缃?锛?mop.com锛????′嬌?ㄥ??璁?锛?淇?璁㈢??锛? </ content >

AJAX備忘錄

</ document >

繼續閱讀