jQuery $ .ajax等效于Ajax.updater

时间:2013-06-11 13:33:28

标签: jquery ajax

尝试在使用jQuery时找到此Ajax函数的等效项 这是我要转换的ajax代码。

new Ajax.Updater('folder', 'ajax/get_folders.php', {
parameters: { category: #$F('category'), office: #$F('office') } 

这是我到目前为止所做的。

$.ajax({
url:'ajax/get_folders.php',
data: { category: $('#category').val(), office: $('#office').val() }
});

不确定如何处理原始ajax调用中的项目'folder'。这会更新网站表单上的选项中的选项。到目前为止,这是代码中唯一困扰我的部分。

1 个答案:

答案 0 :(得分:1)

您可以订阅success回调并更新相应DOM元素的内容:

$.ajax({
    url: 'ajax/get_folders.php',
    data: { category: $('#category').val(), office: $('#office').val() },
    success: function(result) {
        $('#folder').html(result);
    }
});

或只使用load功能:

var parameters = { 
    category: $('#category').val(), 
    office: $('#office').val() 
};
$('#folder').load('ajax/get_folders.php', parameters);