Question

我想找到一种从我的代码中创建函数的方法。我会有超过20个这样的查询。是时候做一个功能了。：）

感谢。

$('#update-user-info').submit(function(msg) {  
    $.post("assets/php/ajax/update-user-info.php", $(this).serialize(),function(data){
        if(data=="y") { $('.text-success').addClass('show').removeClass('hide'); }
        if(data=="n") { $('.text-danger').addClass('show').removeClass('hide'); }
    });
    return false;
}); 

// To update user settings
$('#update-user-settings').submit(function(msg) {  
    $.post("assets/php/ajax/update-user-settings.php", $(this).serialize(),function(data){
        if(data=="y") { $('.text-success').addClass('show').removeClass('hide').hide(1000); }
        if(data=="n") { $('.text-danger').addClass('show').removeClass('hide'); }
    });
    return false;
});

Answer 1

尝试这样的事情

function baz(response) {
    var node = data === 'y' ? '.text-sucess' : '.text-danger';
    $(node).addClass('show').removeClass('hide');
}

function bar(msg) {
    $.post(url, $(this).serialize(), baz);
}

$('.foo').submit(bar);

Answer 2

这个怎么样？

$('#update-user-info, #update-user-settings').submit(function(msg) {  
    $.post("assets/php/ajax/"+this.id+".php", $(this).serialize(),function(data){
        if(data=="y") { $('.text-success').addClass('show').removeClass('hide'); }
        if(data=="n") { $('.text-danger').addClass('show').removeClass('hide'); }
    });
    return false;
});

我该如何简化这个jQuery代码

2 个答案: