prototype.js是什么?以我目前肤浅的理解,它是一个javascript的函数库,它有一些简便的函数,如:$() ,$F() ,$A() 等等,其中$()就是相当于document.getElementById(),只不过$()的参数个数可以大于等于1,而当参数个数大于1时,它的返回值便是一个(对象的)数组。等等。上面这些其实不太重要,我们最关心的是ajax的东西,先看看下面一段script:
 
 <script>
<script>
 function searchSales()
 function searchSales()
 {
 {
 var empID = $F('lstEmployees');//empID和y是某些诸如textbox的控件的值
  var empID = $F('lstEmployees');//empID和y是某些诸如textbox的控件的值
 var y = $F('lstYears');
  var y = $F('lstYears');
 var url = 'http://yourserver/app/get_sales';//通过该url可访问服务器的某个应用程序
  var url = 'http://yourserver/app/get_sales';//通过该url可访问服务器的某个应用程序
 var pars = 'empID=' + empID + '&year=' + y;//参数的改变使得url改变
  var pars = 'empID=' + empID + '&year=' + y;//参数的改变使得url改变
 
  
 var myAjax = new Ajax.Request(
  var myAjax = new Ajax.Request(
 url,
   url, 
 {
   {
 method: 'get', //ajax对象含有一个方法,该方法包含字符串‘get’??
    method: 'get', //ajax对象含有一个方法,该方法包含字符串‘get’??
 parameters: pars,
    parameters: pars, 
 onComplete: showResponse
    onComplete: showResponse
 });
   });
 
  
 }
 }
 function showResponse(originalRequest)
 function showResponse(originalRequest)
 {
 {
 //put returned XML in the textarea
  //put returned XML in the textarea
 $('result').value = originalRequest.responseText;
  $('result').value = originalRequest.responseText;
 }
 }
 </script>
</script>
大体上应该是通过改变服务器路径的参数来改变返回的结果,不过这只是我的初步看法。另外还有Ajax.Updater类,类似,
 <script>
<script>
 function getHTML()
 function getHTML()
 {
 {
 var url = 'http://yourserver/app/getSomeHTML';
  var url = 'http://yourserver/app/getSomeHTML';
 var pars = 'someParameter=ABC';
  var pars = 'someParameter=ABC';
 
  
 var myAjax = new Ajax.Updater(
  var myAjax = new Ajax.Updater(
 'placeholder', //控件id
   'placeholder', //控件id
 url,
   url, 
 {
   {
 method: 'get',
    method: 'get', 
 parameters: pars
    parameters: pars
 });
   });
 
  
 }
 }
 </script>
</script>
 
附:http://www.sergiopereira.com/articles/prototype.js.html
 <script>
<script> function searchSales()
 function searchSales() {
 { var empID = $F('lstEmployees');//empID和y是某些诸如textbox的控件的值
  var empID = $F('lstEmployees');//empID和y是某些诸如textbox的控件的值 var y = $F('lstYears');
  var y = $F('lstYears'); var url = 'http://yourserver/app/get_sales';//通过该url可访问服务器的某个应用程序
  var url = 'http://yourserver/app/get_sales';//通过该url可访问服务器的某个应用程序 var pars = 'empID=' + empID + '&year=' + y;//参数的改变使得url改变
  var pars = 'empID=' + empID + '&year=' + y;//参数的改变使得url改变 
   var myAjax = new Ajax.Request(
  var myAjax = new Ajax.Request( url,
   url,  {
   { method: 'get', //ajax对象含有一个方法,该方法包含字符串‘get’??
    method: 'get', //ajax对象含有一个方法,该方法包含字符串‘get’?? parameters: pars,
    parameters: pars,  onComplete: showResponse
    onComplete: showResponse });
   }); 
   }
 } function showResponse(originalRequest)
 function showResponse(originalRequest) {
 { //put returned XML in the textarea
  //put returned XML in the textarea $('result').value = originalRequest.responseText;
  $('result').value = originalRequest.responseText; }
 } </script>
</script>大体上应该是通过改变服务器路径的参数来改变返回的结果,不过这只是我的初步看法。另外还有Ajax.Updater类,类似,
 <script>
<script> function getHTML()
 function getHTML() {
 { var url = 'http://yourserver/app/getSomeHTML';
  var url = 'http://yourserver/app/getSomeHTML'; var pars = 'someParameter=ABC';
  var pars = 'someParameter=ABC'; 
   var myAjax = new Ajax.Updater(
  var myAjax = new Ajax.Updater( 'placeholder', //控件id
   'placeholder', //控件id url,
   url,  {
   { method: 'get',
    method: 'get',  parameters: pars
    parameters: pars });
   }); 
   }
 } </script>
</script>
附:http://www.sergiopereira.com/articles/prototype.js.html
 
                    
                     
                    
                 
                    
                 

 
         
 
 
    
                
            
         浙公网安备 33010602011771号
浙公网安备 33010602011771号