`

prototype笔记(二)----使用$F()函数和Ajax.Request

    博客分类:
  • ajax
阅读更多
<!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笔记(9)----结合Prototype和JSON开发AJAX"中,我们将深入探讨如何利用Prototype JavaScript库与JSON(JavaScript Object Notation)技术来高效地开发异步JavaScript应用程序,也就是我们常说的AJAX...

    prototype.js开发笔记.pdf

    下面是Prototype.js的开发笔记,涵盖了该库的使用指南、Ajax对象、JavaScript类的扩展、对象的扩展、事件处理等多个方面。 一、Programming Guide Prototype.js是一个强大的JavaScript库,提供了许多有用的函数和...

    prototype.js开发笔记.doc

    ### prototype.js开发笔记知识点概述 #### 1.1 Prototype是什么? Prototype是一个JavaScript库,由Sam Stephenson编写。该库提供了一系列的功能,旨在简化并增强Web应用程序的开发过程,特别是那些需要与用户高度...

    prototype.js开发笔记

    这篇文章可能会介绍更多的 JavaScript 高级概念和技术细节,帮助开发者更好地理解 Prototype.js 的设计原理和使用技巧。 #### 1.3 通用性方法 - **$() 方法**:这是一个非常实用的方法,用于获取 DOM 元素。相比于...

    Prototype开发笔记.doc

    《Prototype开发笔记》是关于JavaScript框架Prototype的一份详细文档,主要涵盖了该框架的基本概念、核心功能和使用方法。Prototype是一个由Sam Stephenson编写的JavaScript库,它的设计目标是提升Web应用的交互性和...

    prototype开发笔记.doc

    Prototype 提供了强大的Ajax支持,包括 `Ajax.Request` 和 `Ajax.Updater` 类,它们用于发送异步请求并更新页面内容。 2.x. prototype.js 参考 这部分详细列出了Prototype库中扩展的JavaScript类、对象和方法,涵盖...

    prototype 开发应用手册,笔记,prototype.js文件下载

    1. Ajax对象:Prototype提供了一个全面的Ajax解决方案,包括`Ajax.Request`和`Ajax.Updater`等,它们封装了XMLHttpRequest对象,使得异步数据交互变得简单易用。 2. Delegation(委托):Prototype的`Event.observe...

    prototype开发笔记

    除此之外,Prototype还定义了一些新对象和类,如`PeriodicalExecuter`用于周期性执行任务,以及`Ajax`对象家族,包括`Ajax.Base`、`Ajax.Request`、`Ajax.Updater`等,它们构成了Prototype的Ajax解决方案。...

    prototype.js框架资料

    Prototype.js 提供了强大的Ajax工具集,如`Ajax.Request`和`Ajax.Updater`,它们简化了发送HTTP请求和处理响应的过程。通过这些工具,开发者可以轻松地构建富交互的应用。 四、实用函数库 Prototype.js 还提供了一...

    prototype.js开发手册

    - **Ajax 支持**:Prototype.js 包含了强大的Ajax功能,如`Ajax.Request`和`Ajax.Updater`,它们使得异步通信更为简单和直观。 - **事件处理**:它提供了一种更统一的方式来处理浏览器中的事件,`Event.observe()`...

    Prototype学习笔记(最新整理)

    Prototype 定义了许多新对象和类,如 `Ajax.Base`, `Ajax.Request`, `Ajax.Updater` 等,这些对象和类提供了丰富的功能,简化了Ajax操作。 #### 总结 通过以上介绍可以看出,Prototype 库通过其独特的设计和强大的...

    Prototype API

    `Ajax.Request`和`Ajax.Updater`类提供了发起异步请求和更新页面内容的能力。此外,`Ajax.PeriodicalUpdater`可以周期性地向服务器发送请求,常用于实时数据更新。 6. **特效与动画** `Scriptaculous`是Prototype...

    ajax学习笔记

    其提供了如$()、$F()等实用函数,以及Ajax.Request()、Ajax.Updater()和Ajax.PeriodicalUpdater()等Ajax相关功能,便于创建和管理Ajax请求。 1. **Prototype的$()函数**:类似于jQuery的$(selector),用于选取DOM...

    Prototype整理的学习资料

    Prototype库提供了一套优雅的API,简化了Ajax操作,如`Ajax.Request`和`Ajax.Updater`等,使得开发者能更方便地使用Ajax。 5. **Prototype库** Prototype是一个广泛使用的JavaScript库,它扩展了JavaScript的核心...

Global site tag (gtag.js) - Google Analytics