function dataprocess(data){
    var _codencuesta = 31;
    var _codperiodo1 = 2011;
    var _codperiodo2 = 13;
    var _codestado = 0;
    
        $.ajax({
                type: "POST",
                processData: false,
                url: "../../ws/WS_Coyuntura.asmx/Lista_RolesEstadoEncuesta",
                data: "{'codencuesta':'"+_codencuesta+"', 'codperiodo1':'"+_codperiodo1+"', 'codperiodo2':'"+_codperiodo2+"', 'codestado':'"+_codestado+"'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data)
                {
                    var tabla = $.parseJSON(data);
                    var largo = tabla.length; 
                    var mygrid = jQuery("#ta_0")[0];
                    var data = tabla;
                    mygrid.addJSONData(data);
                } 
         });
    };

    function grid()
    {
          $('#ta_0').jqGrid({
          datatype: dataprocess,
          contentType: "application/json",
          mtype: "POST",
          height: 150,
          width: 400,
          rowNum: 10,
          rowList: [10,20,30],
             colNames:['Rol','DvRol'],
             colModel:[
                 {name:'Rol',index:'Rol', width:60, sorttype:"int"},
                 {name:'DvRol',index:'DvRol', width:100},     
             ],
             jsonReader : {repeatitems: false,
             root: function(obj) {
                    return obj;
                },
             page: function (obj) { return 1; },
             total: function (obj) { return 1; },
             records: function (obj) { return obj.length; }
            },
             pager: '#di_0',
             viewrecords: true,
             caption: "Estados de Encuesta"
      });
    }

$(function(){
    grid();
});


<table id="ta_0"></table>
<div id="di_0"></div>