ajaxURL behavior.

Hi, I’ve been working a lot with tabulator these days… and I have been using this method to retrieve data to my table without problems.

Code Behind.

[WebMethod(CacheDuration = 0)]
        public static string GetRoomList()
        {
            string result;
            using (var ctx = new ServiceContext())
            {
                var roomList = (from c in ctx.Rooms
                                select c);
               
               result =  JsonConvert.SerializeObject(roomList);
            }
            return result;
        }

Javascript

function createRoomData() {
        $("#gridRoom").tabulator({
            height: "400px",
            fitColumns: true,
            columns: [
                { field: "roomID", visible: false },
                { title: "Code", field: "roomCode", sorter: "string" },
                { title: "Description", field: "roomDescription" },
                { title: "Habited", field: "roomHabited", align: "center" },
            ],
        });
    }

function loadRoomData2() {
        $.ajax({
            url: "room.aspx/GetRoomList",
            type: "POST",
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            beforeSend: function () {
                // $(".l-preloader").show();
                //spinner.spin(spinnerTarget);
            },
            success: function (data) {
                var json = data.d;
                $("#gridRoom").tabulator("clear")
                                        .tabulator("setData", json);
                //spinner.stop();
            },
            error: function (xhr, textStatus, errorThrown) {
                manageError(xhr, textStatus, errorThrown);
                //spinner.stop();
            },
        });
    }

    createRoomData();
    loadRoomData2()

This implementation for Visual Studio C# code works fine. Now, I tried to use a different approach… use the ajaxURL option to fill my table, like This.

Javascript

    function loadRoomData() {
        $("#gridRoom").tabulator("setData", "room.aspx/GetRoomList", {}, "POST");
    }

That implementation throws this error:

Now, I’ve seen that for ajax request to work in Visual Studio I need to specify options

 type: "POST",
 contentType: 'application/json; charset=utf-8',
 dataType: 'json'

So I don’t know if I can set this options using the ajaxURL or the Params in the setData function.

Could you clarify me if I’m doing something wrong?

Thanks!!

[lac616]

No issues here, works beautifully!

[cemmons]

Hi, it’s me again, thanks a lot for the new feature, now I’m implementing it and my response using a web method is something like this.

{"d":"
	[
	{\"surCode\":\"01\",\"intCode\":\"rpm011700002\",\"cusCode\":\"0001958259\",\"rotCode\":\"rpm01\",\"sicValid\":true},
	{\"surCode\":\"01\",\"intCode\":\"rpm011700004\",\"cusCode\":\"0001462551\",\"rotCode\":\"rpm01\",\"sicValid\":true}
	]"

I can’t remove that d from the response, because it is a security fix implemente by .net3.5 so I was hoping you’d now any way to get inside that d… from tabulator, using the setData function.

Right now my grid doesn’t show any data. but it is returned correctly