<html>
<head>
<title>Hello Ajax version 6</title>
<style type='text/css'>
* { font-family: Tahoma, Arial, sans-serif; }
#helloTitle{ color: #48f; }
.sidebar{
background-color: #adf;
color: navy;
border: solid blue 1px;
width: 180px;
height: 200px;
padding: 2px;
margin: 3px;
float: left;
}
</style>
<script type='text/javascript' src='prototype.js'></script>
<script type='text/javascript'>
window.onload=function(){
$('helloBtn').onclick=function(){
var name=$('helloTxt').value;
new Ajax.Request(
"hello6.jsp?name="+encodeURI(name),
{
method:"get",
onComplete:function(xhr){
var responseDoc=xhr.responseXML;
update(responseDoc);
}
}
);
}
}
function update(doc){
var personNode=doc.getElementsByTagName('person')[0];
var initial=personNode.getAttribute('initial');
var nameNode=personNode.getElementsByTagName('name')[0];
var name=nameNode.firstChild.data;
var likesNode=personNode.getElementsByTagName('likes')[0];
var likesList=likesNode.getElementsByTagName('item');
var likes=[];
for (var i=0;i<likesList.length;i++){
var itemNode=likesList[i];
likes[i]=itemNode.firstChild.data;
}
var recipeNode=personNode.getElementsByTagName('recipe')[0];
var recipeNameNode=recipeNode.getElementsByTagName('name')[0];
var recipeName=recipeNameNode.firstChild.data;
var recipeSuggestNode=recipeNode.getElementsByTagName('serving-suggestion')[0];
var recipeSuggest=recipeSuggestNode.firstChild.data;
var ingredientsList=recipeNode.getElementsByTagName('ingredient');
var ingredients={};
for(var i=0;i<ingredientsList.length;i++){
var ingredientNode=ingredientsList[i];
var qty=ingredientNode.getAttribute("qty");
var iname=ingredientNode.firstChild.data;
ingredients[iname]=qty;
}
$('helloTitle').innerHTML="<h1>Hello, <b><i>"+name+"</i></b></h1>";
var likesHTML='<h5>'+initial+' likes...</h5><hr/>';
for (var i=0;i<likes.length;i++){
likesHTML+=likes[i]+"<br/>";
}
$('likesList').innerHTML=likesHTML;
var recipeHTML='<h5>'+initial+'\'s favorite recipe is '+recipeName+'</h5>';
for (key in ingredients){
recipeHTML+=key+" : "+ingredients[key]+"<br/>";
}
recipeHTML+='<br/><i>'+recipeSuggest+'</i>';
$('ingrList').innerHTML=recipeHTML;
}
</script>
</head>
<body>
<div id='likesList' class='sidebar'>
<h5>Likes</h5><hr/>
</div>
<div id='ingrList' class='sidebar'>
<h5>Ingredients</h5><hr/>
</div>
<div>
<div id='helloTitle'>
<h1>Hello, stranger</h1>
</div>
<p>Please introduce yourself by entering your name in the box below</p>
<input type='text' size='24' id='helloTxt'></input> <button id='helloBtn'>Submit</button>
</body>
</div>
</html>
ajax jsp 实例大全 （200个子文件） 
InteropTestSoapBindingStub.class 34KB rfq.class 18KB TestClient.class 15KB EchoAttachment.class 13KB SOAPMonitorApplet$SOAPMonitorPage.class 12KB AddressBookSOAPBindingStub.class 10KB TestRef.class 10KB SwaBindingStub.class 9KB PerfPortSoapBindingStub.class 9KB AddressSoapBindingStub.class 9KB v3.class 8KB EchoAttachmentsService.class 7KB InteropTestSoapBindingImpl.class 7KB WidgetPriceSoapBindingStub.class 6KB HelloBindingStub.class 6KB SOAPMonitorApplet$SOAPMonitorTableModel.class 5KB Address.class 5KB SOAPMonitorApplet$SOAPMonitorFilter.class 5KB SOAPMonitorApplet$ServiceFilterPanel.class 5KB TestMsg.class 5KB TestSer.class 5KB GetQuote.class 5KB SOAPArrayStruct.class 5KB TCPListener$SocketHandler.class 5KB WidgetPriceServiceLocator.class 5KB AddressServiceServiceLocator.class 5KB PerfService_ServiceLocator.class 5KB AddressBookServiceLocator.class 5KB InteropTestServiceLocator.class 5KB HelloWorldLocator.class 5KB SOAPStructStruct.class 5KB SwaServiceLocator.class 5KB TestClient.class 5KB GetQuote1.class 4KB TCPListener.class 4KB SOAPStruct.class 4KB Main.class 4KB Phone.class 4KB EmployeeClient.class 4KB RegistryService.class 4KB DOMUtils.class 4KB echoHeaderStructHandler.class 4KB TCPSender.class 4KB echoHeaderStringHandler.class 4KB GetQuote.class 4KB AddressBookSOAPBindingSkeleton.class 4KB PerfService_ServiceTestCase.class 3KB WidgetPriceSoapBindingSkeleton.class 3KB Client.class 3KB SwaBindingImpl.class 3KB StateType.class 3KB SOAPMonitorApplet.class 3KB FileTest.class 3KB ProxyService.class 3KB InteropTestPortType.class 3KB Tester.class 3KB FileReader.class 3KB TestElem.class 3KB DataDeser.class 3KB TCPTransport.class 3KB WidgetPriceServiceTestCase.class 3KB TestClient.class 3KB GetQuote2.class 3KB EchoHeaders.class 3KB MyListPortsWriter.class 2KB SOAPMonitorApplet$SOAPMonitorTextArea.class 2KB CalcClient.class 2KB StockQuoteService.class 2KB AdminClient.class 2KB AddressClient.class 2KB DataSer.class 2KB GetInfo.class 2KB LogHandler.class 2KB FileSender.class 2KB Client.class 2KB MyDeployWriter.class 2KB SwaTestCase.class 2KB EmployeeInfo.class 2KB TestClient$2.class 2KB PurchaseOrder.class 2KB Main.class 2KB SOAPMonitorApplet$SOAPMonitorData.class 2KB WSDL2Useless.class 2KB TestClient.class 2KB rfq$15.class 2KB rfq$17.class 2KB BidService.class 2KB MyWSDL2Java.class 2KB MyGeneratorFactory.class 2KB Client.class 2KB MessageService.class 2KB Address.class 1KB BeanService.class 1KB LineItem.class 1KB ComInfoService.class 1KB ClientHandler.class 1KB ServerHandler.class 1KB Order.class 1KB Data.class 1KB TestMimeHeaderHandler.class 1KB共 200 条
- 1
- 2
资源评论
whao8612012-01-13只有一二章 讲的都是helloworld的例子，不是我想要的
a305386544
- 粉丝: 0
- 资源: 3
