jQuery中Ajax函数封装

Question

$.ajax({
    type : "post",
    url : "workbench/customer/selectAll.do",
    success : function(data){
        if(data.success){
            var html = "";
            $.each( data.customerList, function(i , n){                       
                html += '<tr>';
                html += '<td><input type="checkbox" value="'+n.id+'"/></td>';
                html += '<td><a style="text-decoration: none; cursor: pointer;" onclick="window.location.href="workbench/customer/detail.jsp">'+n.name+'</a></td>';
                html += '<td>'+n.owner+'</td>';
                html += '<td>'+n.phone+'</td>';
                html += '<td>'+n.website+'</td>';
                html += '</tr>';
            })                    
            $("#customerTbody").append(html);
        }else{
            alert("查询用户失败");
        }
    }
})
可不可以把上述的代码封装成一个方法,想什么时候调用就什么时候调用?

Answer 1

把它丢到函数里面调用不就是了嘛？

function name(){
    $.ajax({
    type : "post",
    url : "workbench/customer/selectAll.do",
    success : function(data){
        if(data.success){
            var html = "";
            $.each( data.customerList, function(i , n){                       
                html += '<tr>';
                html += '<td><input type="checkbox" value="'+n.id+'"/></td>';
                html += '<td><a style="text-decoration: none; cursor: pointer;" onclick="window.location.href="workbench/customer/detail.jsp">'+n.name+'</a></td>';
                html += '<td>'+n.owner+'</td>';
                html += '<td>'+n.phone+'</td>';
                html += '<td>'+n.website+'</td>';
                html += '</tr>';
            })                    
            $("#customerTbody").append(html);
        }else{
            alert("查询用户失败");
        }
    }
})    
};
name();

Answer 2

当然可以啊，你觉得不行是出于什么考虑？

Answer 3

封装一个方法：
function ajaxFunc(type, url, customerTbody, eachContent){

$.ajax({
type : type,
url : url,
success : function(data){
    if(data.success){
        var html = "";
        $.each( data.customerList, function(i , n){                       
           var html = eachContent;
        })                    
        $(customerTbody).append(html);
    }else{
        alert("查询用户失败");
    }
}
})

}