天天看点

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 >

继续阅读