Изменить Prototype на jQuery Ajax call

Question

Я хочу изменить мой вызов Ajax из Prototype в jQuery. Но почему-то все еще не работает. ..... Несколько часов спустя, получив более четкую картину, все работает.

Для того, чтобы дать другим возможность увидеть, как «миграция» может быть сделано, я после этого все-таки ...

Мой orginial Прототип это:

<li> 
    <a href='#' onclick="variables(); Effect.toggle('datasets','BLIND'); return false;"> 
     <div class='additionalLinksMenuBar'>&nbsp;</div> 
     <div class='tableName additionalLinksMenuLink'>define dataset</div> 
    </a> 
</li> 
<li> 
    <div id='datasets' style='display:none; border: 1px solid #00115a; background-color: #FFF6D1; text-align: left; margin-left: 8px; padding: 12px 10px;'> 
     <script type='text/javascript'> 
      function variables() 
      { 
       var url = 'http://my_url/etc/php/fill_variable_list.php'; 
       var target = 'output-div'; 
       var pars = 'selectedKeyword=cereals&selected_ids=&selectedDatasettype=1&p='; 
       var myAjax = new Ajax.Updater(target, url, {method: 'get', parameters: pars}); 
      } 
     </script> 

     <br /> 

     <div id='output-div'></div> 

     <script> 
      $('output-div').insert(new Element('form', { id:'form_define_dataset' })) 
     </script> 

    </div> 
</li> 

И мой новый JQuery это:

<li> 
    <a href='#' onclick="variables(); $('#datasets').slideToggle('slow'); return false;"> 
     <div class='additionalLinksMenuBar'>&nbsp;</div> 
     <div class='tableName additionalLinksMenuLink'>define dataset</div> 
    </a> 
</li> 
<li> 
    <div id='datasets' style='display:none; border: 1px solid #00115a; background-color: #FFF6D1; text-align: left; margin-left: 8px; padding: 12px 10px;'> 
     <script type='text/javascript'> 
      function variables() 
      { 
       $.ajax({ 
        type: 'GET', 
        url: 'http://my_url/etc/php/fill_variable_list.php', 
        data: 'selectedKeyword=cereals&selected_ids=&selectedDatasettype=1&p=', 
        dataType: 'html' 
       }) 

       .done(function(html) { 
        $('#output-div').append(html); 
       }); 

      } 
     </script> 

     <br /> 

     <div id='output-div'></div> 

    </div> 
</li> 

#

Answer 1

преобразование кода, кажется, карапуз союзник правильный.

Попробуйте следующий код, чтобы увидеть исключение вы получаете

$.ajax({ 
        type: 'GET', 
        url: 'http://my_url/etc/php/fill_variable_list.php', 
        data: 'selectedKeyword=cereals&selected_ids=&selectedDatasettype=1&p=', 
        dataType: 'html' 
       }) 

       .done(function(html) { 
        $('#output-div').append(html); 
       }) 

       .fail(function(jqXHR, textStatus) { 
        alert("Request failed: " + textStatus); 
       });