<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script src="js/prototype.js" type="text/javascript"></script>
<script>
function searchSales() {
var empID = $F('lstEmployees');
var y = $F('lstYears');
var url = 'http://localhost/gameloft/downpic.php';
var pars = '';
var myAjax = new Ajax.Request(url, {method: 'get', parameters: pars, onComplete: showResponse});
}
function showResponse(originalRequest){
//put returned XML in the textarea
$('result').value = originalRequest.responseText;
}
</script>
</HEAD>
<BODY>
sdfsdf
<select id="lstEmployees" size="10" onchange="searchSales()">
<option value="5">Buchanan, Steven</option>
<option value="8">Callahan, Laura</option>
<option value="1">Davolio, Nancy</option>
</select>
<select id="lstYears" size="3" onchange="searchSales()">
<option selected="selected" value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option></select>
<br>
<textarea id=result cols=60 rows=10 ></textarea>
</BODY>
</HTML>
<?
echo '<?xml version="1.0" encoding="GBK" ?>';
echo '<ajax-response>';
echo '<response type="object" id="productDetails">';
echo '<monthly-sales>';
echo '<employee-sales>';
echo '<employee-id>NIHA</employee-id>';
echo '<year-month>1998-01</year-month>';
echo '<sales>$8,115.36</sales>';
echo '</employee-sales>';
echo '<employee-sales>';
echo '<employee-id>1234</employee-id>';
echo '<year-month>1998-02</year-month>';
echo '<sales>$11,147.51</sales>';
echo '</employee-sales>';
echo '</monthly-sales>';
echo '</response>';
echo '</ajax-response>';
?>
分享到:
相关推荐
在本篇"prototype笔记(9)----结合Prototype和JSON开发AJAX"中,我们将深入探讨如何利用Prototype JavaScript库与JSON(JavaScript Object Notation)技术来高效地开发异步JavaScript应用程序,也就是我们常说的AJAX...
下面是Prototype.js的开发笔记,涵盖了该库的使用指南、Ajax对象、JavaScript类的扩展、对象的扩展、事件处理等多个方面。 一、Programming Guide Prototype.js是一个强大的JavaScript库,提供了许多有用的函数和...
### prototype.js开发笔记知识点概述 #### 1.1 Prototype是什么? Prototype是一个JavaScript库,由Sam Stephenson编写。该库提供了一系列的功能,旨在简化并增强Web应用程序的开发过程,特别是那些需要与用户高度...
这篇文章可能会介绍更多的 JavaScript 高级概念和技术细节,帮助开发者更好地理解 Prototype.js 的设计原理和使用技巧。 #### 1.3 通用性方法 - **$() 方法**:这是一个非常实用的方法,用于获取 DOM 元素。相比于...
《Prototype开发笔记》是关于JavaScript框架Prototype的一份详细文档,主要涵盖了该框架的基本概念、核心功能和使用方法。Prototype是一个由Sam Stephenson编写的JavaScript库,它的设计目标是提升Web应用的交互性和...
Prototype 提供了强大的Ajax支持,包括 `Ajax.Request` 和 `Ajax.Updater` 类,它们用于发送异步请求并更新页面内容。 2.x. prototype.js 参考 这部分详细列出了Prototype库中扩展的JavaScript类、对象和方法,涵盖...
1. Ajax对象:Prototype提供了一个全面的Ajax解决方案,包括`Ajax.Request`和`Ajax.Updater`等,它们封装了XMLHttpRequest对象,使得异步数据交互变得简单易用。 2. Delegation(委托):Prototype的`Event.observe...
除此之外,Prototype还定义了一些新对象和类,如`PeriodicalExecuter`用于周期性执行任务,以及`Ajax`对象家族,包括`Ajax.Base`、`Ajax.Request`、`Ajax.Updater`等,它们构成了Prototype的Ajax解决方案。...
Prototype.js 提供了强大的Ajax工具集,如`Ajax.Request`和`Ajax.Updater`,它们简化了发送HTTP请求和处理响应的过程。通过这些工具,开发者可以轻松地构建富交互的应用。 四、实用函数库 Prototype.js 还提供了一...
- **Ajax 支持**:Prototype.js 包含了强大的Ajax功能,如`Ajax.Request`和`Ajax.Updater`,它们使得异步通信更为简单和直观。 - **事件处理**:它提供了一种更统一的方式来处理浏览器中的事件,`Event.observe()`...
Prototype 定义了许多新对象和类,如 `Ajax.Base`, `Ajax.Request`, `Ajax.Updater` 等,这些对象和类提供了丰富的功能,简化了Ajax操作。 #### 总结 通过以上介绍可以看出,Prototype 库通过其独特的设计和强大的...
`Ajax.Request`和`Ajax.Updater`类提供了发起异步请求和更新页面内容的能力。此外,`Ajax.PeriodicalUpdater`可以周期性地向服务器发送请求,常用于实时数据更新。 6. **特效与动画** `Scriptaculous`是Prototype...
其提供了如$()、$F()等实用函数,以及Ajax.Request()、Ajax.Updater()和Ajax.PeriodicalUpdater()等Ajax相关功能,便于创建和管理Ajax请求。 1. **Prototype的$()函数**:类似于jQuery的$(selector),用于选取DOM...
Prototype库提供了一套优雅的API,简化了Ajax操作,如`Ajax.Request`和`Ajax.Updater`等,使得开发者能更方便地使用Ajax。 5. **Prototype库** Prototype是一个广泛使用的JavaScript库,它扩展了JavaScript的核心...