Inspect an API response
Check the actual status and JSON before changing page bindings.
Check the actual status and JSON before changing page bindings.
Before you begin
Section titled “Before you begin”- An open, running page in the HTML Editor that can generate the request you want to inspect.
Capture the data request
Section titled “Capture the data request”Open Network in Page Panels, reload the page or trigger the action, and find the expected endpoint. Use XHR to narrow the list if needed.
Expand the request entry
Section titled “Expand the request entry”Expand the arrow next to the completed request. The child entries are Status, MimeType and Headers. A JSON response also exposes Body when it can be parsed.
Check status and data separately
Section titled “Check status and data separately”Inspect Status, then expand Body down to the output you need. For a product list, find the query array and check its records. A successful status alone does not prove that the returned fields or row count are correct.
Locate the failing layer
Section titled “Locate the failing layer”No Body does not always mean an empty response: the panel adds Body for application/json responses it can parse. For HTML errors or other response types, inspect the running page in browser developer tools. Fix request or server errors first; if the JSON is correct, inspect the page’s repeat and field bindings.
Check your result
Section titled “Check your result”You can tell whether the endpoint returned the expected data or whether the problem starts on the server.