Convert microsoft.XMLDOM to Jquery it uses xml datatype. The function below needs to be converted to JQuery

function doLoadGridPage(iPage) {
        try {
            oXML = new ActiveXObject("microsoft.XMLDOM");
            oXML.async = false;
            oXML.load("processXMLData.asp?action=loadGridPage&pn=" + iPage);

            if (oXML.readyState == 4)
            {
                var buttons = oXML.selectNodes("/ROOT/vw_admin-grid-buttons");
                var x, y, z;
                // Clear all buttons...
                for (y = 1; y <= colMax; y++) {
                    for (x = 1; x <= rowMax; x++) {
                        var ref1 = "row" + x + "col" + y;

                        document.getElementById(ref1).style.color = 'black';
                        document.getElementById(ref1).style.background = 'silver';
                        document.getElementById(ref1).style.fontStyle = "normal";
                        document.getElementById(ref1).style.fontWeight = "normal";
                        document.getElementById(ref1).style.textDecoration = "none";

                        document.getElementById(ref1).pageNumber = iPage;
                        document.getElementById(ref1).rowNumber = x;
                        document.getElementById(ref1).columnNumber = y;
                        document.getElementById(ref1).buttonTypeId = null;
                        document.getElementById(ref1).buttonInstanceId = null;
                        document.getElementById(ref1).buttonInstanceCaption = null;
                        document.getElementById(ref1).caption = null;
                        document.getElementById(ref1).buttonInstanceStyleId = null;
                        document.getElementById(ref1).restricted = false;
                        document.getElementById(ref1).buttonStyleId = null;
                        document.getElementById(ref1).telephoneNumber = null;
                        document.getElementById(ref1).pageJumpDestination = null;
                        document.getElementById(ref1).pageId = null;
                        document.getElementById('div' + ref1).innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
                    }
                }
                // Populate the returned buttons...
                var pageHasRestrictedButtons = false;
                for (z = 0; z < buttons.length; z++) {
                    if (buttons[z].childNodes) {
                        var buttonInstanceId = buttons[z].selectSingleNode("./ID").text;
                        var buttonTypeId = buttons[z].selectSingleNode("./ButtonTypeId").text;
                        var buttonTypeName = buttons[z].selectSingleNode("./TypeName").text;
                        var buttonStyleId = buttons[z].selectSingleNode("./StyleId").text;
                        var buttonInstanceStyleId = buttons[z].selectSingleNode("./ButtonInstanceStyleId").text;
                        var idleforecolour = buttons[z].selectSingleNode("./IdleForeColour").text;
                        var idlebackcolour = buttons[z].selectSingleNode("./IdleBackColour").text;
                        var buttonInstanceCaption = buttons[z].selectSingleNode("./ButtonInstanceCaption").text;
                        var caption = buttons[z].selectSingleNode("./Caption").text;
                        var pageId = buttons[z].selectSingleNode("./PageEntryId").text;
                        var row = buttons[z].selectSingleNode("./Row");
                        var col = buttons[z].selectSingleNode("./Col");

                        var telephonenumber;
                        var pagejumpdestination;
                        var splitCaption = caption.replace("\\r\\n", "<BR />");

                        try {
                            telephonenumber = buttons[z].selectSingleNode("./telephonenumber");
                        }
                        catch (e) {
                            // Node not found
                        }

                        try {
                            pagejumpdestination = buttons[z].selectSingleNode("./PageJumpDestination");
                        }
                        catch (e) {
                            // Node not found
                        }

                        var ref = "row" + row.text + "col" + col.text;
                        var hasPermission = checkButtonTypePermission(buttonTypeName);
                        try {
                            if (!hasPermission)
                            {
                                pageHasRestrictedButtons = true;

                            }
                            document.getElementById('div' + ref).innerHTML = splitCaption + "<BR />" + (checkButtonTypePermission(buttonTypeName) == true ? "" : "(restricted)");
                        }
                        catch (e) {
                            // cell not found, it is likely to be a button defined beyond our current grid size
                            continue;
                        }


                        if (buttonInstanceCaption != caption || buttonInstanceStyleId != buttonStyleId) {
                            document.getElementById(ref).style.fontStyle = "italic";
                            document.getElementById(ref).style.fontWeight = 900;
                            document.getElementById(ref).style.textDecoration = "underline";
                        }

                        document.getElementById(ref).restricted = !hasPermission;
                        document.getElementById(ref).pageId = pageId;
                        document.getElementById(ref).buttonTypeId = buttonTypeId;
                        document.getElementById(ref).buttonTypeName = buttonTypeName;
                        document.getElementById(ref).buttonInstanceCaption = buttonInstanceCaption;
                        document.getElementById(ref).caption = caption;
                        document.getElementById(ref).buttonInstanceId = buttonInstanceId;
                        document.getElementById(ref).buttonInstanceStyleId = buttonInstanceStyleId;
                        document.getElementById(ref).buttonStyleId = buttonStyleId;
                        document.getElementById(ref).style.color = idleforecolour;
                        document.getElementById(ref).style.background = idlebackcolour;

                        if (telephonenumber) {
                            document.getElementById(ref).telephoneNumber = telephonenumber.text;
                        }

                        if (pagejumpdestination) {
                            document.getElementById(ref).pageJumpDestination = pagejumpdestination.text;
                        }
                    }
                }
                document.getElementById("deletePageBtn").disabled = pageHasRestrictedButtons;
                document.getElementById("copyPage").disabled = pageHasRestrictedButtons;
            }
        }
        catch (e) {
            return;
        }

        delete oXML;
    }