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); 
    }); 
});