funcion traer datos

[pablobaez]

hola a todos estoy haciendo una función para traer datos y dejarlos en una tabla html

Código:

function traer_datos(tabla_html,tabla,campo1,campo2,boton)
{
    this.tabla_html=tabla_html;
    this.tabla=tabla;
    this.campo1=campo1;
    this.campo2=campo2;
    this.boton=boton;
    var ruta="{{ route('list') }}";
                    $.get(ruta, function(response){
                        $(this.tabla_html).empty();
                        for(i=0; i<response[this.tabla].length; i++)
                        {
                            $(this.tabla_html).append("<tr><td>"+ response[this.tabla][i].campo1 +"</td><td>"+ response[this.tabla][i].campo2 +"</td><td><button id='btn_edit_color' value='"+ response[this.tabla][i].campo1+"' class='btn_color btn'>Editar</button></td></tr>")
                        }
                    });
}

el campo1 campo2 son datos que traigo desde un response pero me sale mensaje de error ya no están definidos, como los defino para que no tenga problemas al momento de llamarlos

Código:

 traer_datos('#color','color', id_color, nombre_color);