Mootools ajax请求

Question

我需要一个提示，如何使用mootools进行AJAX请求，当从下拉列表中选择某个值时，我的意思是捕获该事件+向外部php页面发出ajax请求。在这个PHP页面上我需要运行一个mysql查询。谢谢。

<form name ="f1" action=""> 
    <select id="myr" NAME ="s1" onChange = "GetSelectedItem()"> 
      <OPTION VALUE = "meshed" selected >-- Please Select --</OPTION> 
      <OPTION VALUE = "girls">Male seeking Female</OPTION> 
      <OPTION VALUE = "mens">Female seeking Male</OPTION> 
      <OPTION VALUE = "mens">Male seeking Male</OPTION> 
      <OPTION VALUE = "girls">Female seeking Female</OPTION> 
    </select> 
</form> 

PHP

$dbhost = 'localhost'; 
$dbuser = 'root'; 
$dbpass = ''; 
$conn = mysql_connect($dbhost, $dbuser, $dbpass) or die('Error connecting to mysql');  
$dbname = 'ratings'; 
mysql_select_db($dbname) or die('Error connecting to database'); 
$sql = "TRUNCATE TABLE rabid_ratings"; 
$re = mysql_query($sql) or die(mysql_error()); 
echo "done"; 

mootools的

<script type="text/javascript"> 
     window.addEvent('domready',function(){ 
      var myRequest = new Request({ 
       url: 'truncate.php', 
       method: 'post', 
       onRequest: function(){ 
       }, 
       onSuccess: function(responseText){ 
        alert("done!"+ responseText); 
       }, 
       onFailure: function(){ 
        alert("failed"); 
       } 
      }); 

      $('myr').addEvent('change', function(event){ 
       event.stop(); 
       myRequest.send(); 
      }); 
     }); 
</script> 

Answer 1

添加的改变，甚至你的选择下拉。让我们将它命名为“mydropdown”：

$('mydropdown').addEvent('change', function(){ 
    //do your request (AJax) here 
}); 

这里是Mootools的演示。您也可以使用Request.HTML或Request.JSON取决于您要返回的内容。

Simple Request W/ Mootools

更新：例如基于关闭您目前所

首先，让我们看看你的AJAX是设置正确使用以下简单的Ajax代码。一旦你得到这个工作，那么我们可以探索PHP方面。所以，请尝试以下代码：

HTML：

<select id="myr" NAME ="s1"> 
    <OPTION VALUE = "meshed" selected >-- Please Select --</OPTION> 
    <OPTION VALUE = "girls">Male seeking Female</OPTION> 
    <OPTION VALUE = "mens">Female seeking Male</OPTION> 
    <OPTION VALUE = "mens">Male seeking Male</OPTION> 
    <OPTION VALUE = "girls">Female seeking Female</OPTION> 
</select> 

通用截断的PHP回声无论职位VAR我们发送：

<?php 
    echo $_POST['s1']; 
?> 

Mootools的，当成功应该输出“完成了！ “：

window.addEvent('domready', function(){ 
    var myRequest = new Request({ 
     url: 'truncate.php', 
     method: 'post', 
     onRequest: function() { 
     }, 
     onSuccess: function(responseText) { 
      alert("done! " + responseText); 
     }, 
     onFailure: function() { 
      alert("failed"); 
     } 
    }); 

    $('myr').addEvent('change', function(event) { 
     event.stop(); 
     var data = this.name + '=' + this.value; //s1=<option value>, which is the post data we are sending to the php script 
     myRequest.send(data); 
    }); 
});