`

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


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics