Mootools AJAX запрос

Question

Мне нужны советы, как сделать AJAX-запрос с mootools, когда выбрано какое-то значение из выпадающего списка, я имею в виду перехватить это событие + сделать ajax-запрос на внешнюю php-страницу. И на этой странице 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

Добавить изменение даже в ваш выпадающий список.Давайте назовем его id "mydropdown":

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

Вот демоверсия из Mootools.Вы также можете использовать Request.HTML или Request.JSON, в зависимости от того, что вы хотите вернуть.

Простой запрос с 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 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);
    });
});