Javascript 将原型更改为jQueryAjax调用

我想将Ajax调用从Prototype更改为jQuery。但不知何故，事情还没有开始。。。。。几个小时后，情况变得更清楚了，一切正常

为了让其他人看到“迁移”是如何完成的，我还是发布了这篇文章

我最初的原型是：

<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>

函数变量（）
{
var url='1〕http://my_url/etc/php/fill_variable_list.php'; 
var目标='输出div'；
var pars='selectedKeyword=谷物&selected_id=&selectedDatasettype=1&p='；
var myAjax=new Ajax.Updater（目标，url，{method'get'，参数：pars}）；
}


$（'output-div'）.insert（新元素（'form'，{id:'form\u define\u dataset'}））

我的新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>  

函数变量（）
{
$.ajax({
键入：“GET”，
网址：'http://my_url/etc/php/fill_variable_list.php',
数据：“selectedKeyword=谷物&selected\u ID=&selectedDatasettype=1&p=”，
数据类型：“html”
})
.done（函数（html）{
$（'#output div'）.append（html）；
});
}

---

#代码的转换似乎完全正确

请尝试以下代码以查看您得到的异常

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