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

最新推荐文章于 2024-03-05 21:22:46 发布

最新推荐文章于 2024-03-05 21:22:46 发布 · 145 阅读

文章标签：

#F# #Ajax #prototype #PHP #XML

ajax 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一个简单的员工销售数据查询系统，该系统通过下拉菜单选择不同的员工和年份来查询对应的销售数据，并以XML格式返回结果。

<!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>';
?>