{"id":34,"date":"2025-04-02T17:55:07","date_gmt":"2025-04-02T17:55:07","guid":{"rendered":"https:\/\/wptest.davco-tech.com\/?page_id=34"},"modified":"2025-04-02T17:56:26","modified_gmt":"2025-04-02T17:56:26","slug":"dd","status":"publish","type":"page","link":"https:\/\/wptest.davco-tech.com\/?page_id=34","title":{"rendered":"dd"},"content":{"rendered":"\n<p><\/p>\n\n\n    <style>\r\n        .api-container {\r\n            max-width: 600px;\r\n            margin: 20px auto;\r\n            padding: 20px;\r\n            border-radius: 8px;\r\n            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\r\n            background: #fff;\r\n            font-family: Arial, sans-serif;\r\n        }\r\n\r\n        .api-card {\r\n            padding: 15px;\r\n            border-radius: 8px;\r\n            background: #f9f9f9;\r\n            border-left: 4px solid #0073aa;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .api-card h3 {\r\n            margin: 0 0 10px;\r\n            font-size: 18px;\r\n            color: #333;\r\n        }\r\n\r\n        .api-card p {\r\n            margin: 0;\r\n            color: #555;\r\n        }\r\n\r\n        .api-form input,\r\n        .api-form button {\r\n            width: 100%;\r\n            padding: 10px;\r\n            margin-top: 10px;\r\n            border-radius: 5px;\r\n            border: 1px solid #ddd;\r\n        }\r\n\r\n        .api-form button {\r\n            background: #0073aa;\r\n            color: white;\r\n            cursor: pointer;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .error-message,\r\n        .success-message {\r\n            padding: 10px;\r\n            margin-top: 10px;\r\n            border-radius: 5px;\r\n            text-align: center;\r\n        }\r\n\r\n        .error-message {\r\n            background: #f8d7da;\r\n            color: #721c24;\r\n        }\r\n\r\n        .success-message {\r\n            background: #d4edda;\r\n            color: #155724;\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"api-container\">\r\n        <div id=\"api-data\" class=\"api-card\">Loading data...<\/div>\r\n        <form id=\"api-form\" class=\"api-form\">\r\n            <input type=\"text\" name=\"data\" id=\"data-input\" placeholder=\"Enter data to update\" required>\r\n            <button type=\"submit\">Submit<\/button>\r\n        <\/form>\r\n        <div id=\"api-response\"><\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            fetch('https:\/\/wptest.davco-tech.com\/wp-admin\/admin-ajax.php?action=get_api_data')\r\n                .then(response => response.json())\r\n                .then(data => {\r\n                    if (data.success && data.data) {\r\n                        const apiData = data.data;\r\n                        document.getElementById(\"api-data\").innerHTML = `\r\n                            <h3>${apiData.title || \"No title\"}<\/h3>\r\n                            <p>${apiData.body || \"No body content available.\"}<\/p>\r\n                        `;\r\n                    } else {\r\n                        document.getElementById(\"api-data\").innerHTML = \"<p class='error-message'>Failed to load data or invalid response.<\/p>\";\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    document.getElementById(\"api-data\").innerHTML = \"<p class='error-message'>Error: \" + error + \"<\/p>\";\r\n                });\r\n\r\n            document.getElementById(\"api-form\").addEventListener(\"submit\", function(e) {\r\n                e.preventDefault();\r\n                let input = document.getElementById(\"data-input\").value.trim();\r\n                if (!input) {\r\n                    document.getElementById(\"api-response\").innerHTML = '<div class=\"error-message\">Input cannot be empty.<\/div>';\r\n                    return;\r\n                }\r\n\r\n                let formData = new FormData();\r\n                formData.append(\"data\", input);\r\n\r\n                fetch('https:\/\/wptest.davco-tech.com\/wp-admin\/admin-ajax.php?action=post_api_data', {\r\n                        method: \"POST\",\r\n                        body: formData\r\n                    })\r\n                    .then(response => response.json())\r\n                    .then(data => {\r\n                        if (data.success) {\r\n                            document.getElementById(\"api-response\").innerHTML = '<div class=\"success-message\">Data updated successfully.<\/div>';\r\n                        } else {\r\n                            document.getElementById(\"api-response\").innerHTML = '<div class=\"error-message\">Update failed: ' + data.data + '<\/div>';\r\n                        }\r\n                    })\r\n                    .catch(error => {\r\n                        document.getElementById(\"api-response\").innerHTML = '<div class=\"error-message\">Error: ' + error + '<\/div>';\r\n                    });\r\n            });\r\n        });\r\n    <\/script>\r\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wptest.davco-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptest.davco-tech.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wptest.davco-tech.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wptest.davco-tech.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptest.davco-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34"}],"version-history":[{"count":3,"href":"https:\/\/wptest.davco-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/wptest.davco-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/wptest.davco-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}