# JSON DOM Response Traditional web scraping usually results in extracting the raw HTML from a website and using it with an HTML parser in order to manipulate the data. However, certain scenarios may require a more structured result. In these scenarios, returning the data in a JSON format may be the best option. With BrowserAPI, you can enable the `json_dom` option, which will return the scraped website in a JSON format. Moreover, this option can be used both when `render_js` is turned on or off. Your full **GET** request should then be sent to the following address: {% code overflow="wrap" %} ``` https://api.webscrapingapi.com/v1?api_key=&url=&json_dom=1 ``` {% endcode %} ### JSON DOM Response Integration Examples {% tabs %} {% tab title="cURL" %} {% code overflow="wrap" %} ```bash curl --request GET --url "https://api.webscrapingapi.com/v1?api_key=&url=https://httpbin.org/&json_dom=1" ``` {% endcode %} {% endtab %} {% tab title="NodeJS" %} {% code overflow="wrap" %} ```javascript const http = require("https"); const options = { "method": "GET", "hostname": "api.webscrapingapi.com", "port": null, "path": "/v1?api_key=&url=https%3A%2F%2Fhttpbin.org&json_dom=1", "headers": {} }; const req = http.request(options, function (res) { const chunks = []; res.on("data", function (chunk) { chunks.push(chunk); }); res.on("end", function () { const body = Buffer.concat(chunks); console.log(body.toString()); }); }); req.end(); ``` {% endcode %} {% endtab %} {% tab title="Python" %} {% code overflow="wrap" %} ```python import requests API_KEY = '' SCRAPER_URL = 'https://api.webscrapingapi.com/v1' TARGET_URL = 'https://httpbin.org/' PARAMS = { "api_key":API_KEY, "url": TARGET_URL, "json_dom":1 } response = requests.get(SCRAPER_URL, params=PARAMS) print(response.text) ``` {% endcode %} {% endtab %} {% tab title="PHP" %} {% code overflow="wrap" %} ```php "https://api.webscrapingapi.com/v1?api_key=&url=https%3A%2F%2Fhttpbin.org&json_dom=1", CURLOPT_RETURNTRANSFER => true, CURLOPT_ENCODING => "", CURLOPT_MAXREDIRS => 10, CURLOPT_TIMEOUT => 30, CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1, CURLOPT_CUSTOMREQUEST => "GET", ]); $response = curl_exec($curl); $err = curl_error($curl); curl_close($curl); if ($err) { echo "cURL Error #:" . $err; } else { echo $response; } ``` {% endcode %} {% endtab %} {% tab title="Go" %} {% code overflow="wrap" %} ```go package main import ( "fmt" "net/http" "io/ioutil" ) func main() { url := "https://api.webscrapingapi.com/v1?api_key=&url=https%3A%2F%2Fhttpbin.org&json_dom=1" req, _ := http.NewRequest("GET", url, nil) res, _ := http.DefaultClient.Do(req) defer res.Body.Close() body, _ := ioutil.ReadAll(res.Body) fmt.Println(res) fmt.Println(string(body)) } ``` {% endcode %} {% endtab %} {% tab title="Java" %} {% code overflow="wrap" %} ```java HttpResponse response = Unirest.get("https://api.webscrapingapi.com/v1?api_key=&url=https%3A%2F%2Fhttpbin.org&json_dom=1") .asString(); ``` {% endcode %} {% endtab %} {% tab title=".NET" %} {% code overflow="wrap" %} ```csharp var client = new RestClient("https://api.webscrapingapi.com/v1?api_key=&url=https%3A%2F%2Fhttpbin.org&json_dom=1"); var request = new RestRequest(Method.GET); IRestResponse response = client.Execute(request); ``` {% endcode %} {% endtab %} {% tab title="Ruby" %} {% code overflow="wrap" %} ```ruby require 'uri' require 'net/http' require 'openssl' url = URI("https://api.webscrapingapi.com/v1?api_key=&url=https%3A%2F%2Fhttpbin.org&json_dom=1") http = Net::HTTP.new(url.host, url.port) http.use_ssl = true http.verify_mode = OpenSSL::SSL::VERIFY_NONE request = Net::HTTP::Get.new(url) response = http.request(request) puts response.read_body ``` {% endcode %} {% endtab %} {% endtabs %} {% hint style="danger" %} **Important!** The `url` parameter has to be encoded. *( i.e. **\&url=https%3A%2F%2Fwww\.webscrapingapi.com%2F** )* {% endhint %}
Response Example ```javascript { "0":{ "tagName":"a", "attributes":{ "href":"https://github.com/requests/httpbin", "class":"github-corner", "aria-label":"View source on Github" }, "children":{ "0":{ "tagName":"svg", "attributes":{ "width":"80", "height":"80", "viewBox":"0 0 250 250", "style":"fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;", "aria-hidden":"true" }, "children":{ "0":{ "tagName":"path", "attributes":{ "d":"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z" } }, "1":{ "tagName":"path", "attributes":{ "d":"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2", "fill":"currentColor", "style":"transform-origin: 130px 106px;", "class":"octo-arm" } }, "2":{ "tagName":"path", "attributes":{ "d":"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z", "fill":"currentColor", "class":"octo-body" } } } } } }, "1":{ "tagName":"svg", "attributes":{ "xmlns":"http://www.w3.org/2000/svg", "xlink":"http://www.w3.org/1999/xlink", "style":"position:absolute;width:0;height:0" }, "children":{ "0":{ "tagName":"defs", "children":{ "0":{ "tagName":"symbol", "attributes":{ "viewBox":"0 0 20 20", "id":"unlocked" }, "children":{ "0":{ "tagName":"path", "attributes":{ "d":"M15.8 8H14V5.6C14 2.703 12.665 1 10 1 7.334 1 6 2.703 6 5.6V6h2v-.801C8 3.754 8.797 3 10 3c1.203 0 2 .754 2 2.199V8H4c-.553 0-1 .646-1 1.199V17c0 .549.428 1.139.951 1.307l1.197.387C5.672 18.861 6.55 19 7.1 19h5.8c.549 0 1.428-.139 1.951-.307l1.196-.387c.524-.167.953-.757.953-1.306V9.199C17 8.646 16.352 8 15.8 8z" } } } }, "1":{ "tagName":"symbol", "attributes":{ "viewBox":"0 0 20 20", "id":"locked" }, "children":{ "0":{ "tagName":"path", "attributes":{ "d":"M15.8 8H14V5.6C14 2.703 12.665 1 10 1 7.334 1 6 2.703 6 5.6V8H4c-.553 0-1 .646-1 1.199V17c0 .549.428 1.139.951 1.307l1.197.387C5.672 18.861 6.55 19 7.1 19h5.8c.549 0 1.428-.139 1.951-.307l1.196-.387c.524-.167.953-.757.953-1.306V9.199C17 8.646 16.352 8 15.8 8zM12 8H8V5.199C8 3.754 8.797 3 10 3c1.203 0 2 .754 2 2.199V8z" } } } }, "2":{ "tagName":"symbol", "attributes":{ "viewBox":"0 0 20 20", "id":"close" }, "children":{ "0":{ "tagName":"path", "attributes":{ "d":"M14.348 14.849c-.469.469-1.229.469-1.697 0L10 11.819l-2.651 3.029c-.469.469-1.229.469-1.697 0-.469-.469-.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-.469-.469-.469-1.228 0-1.697.469-.469 1.228-.469 1.697 0L10 8.183l2.651-3.031c.469-.469 1.228-.469 1.697 0 .469.469.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c.469.469.469 1.229 0 1.698z" } } } }, "3":{ "tagName":"symbol", "attributes":{ "viewBox":"0 0 20 20", "id":"large-arrow" }, "children":{ "0":{ "tagName":"path", "attributes":{ "d":"M13.25 10L6.109 2.58c-.268-.27-.268-.707 0-.979.268-.27.701-.27.969 0l7.83 7.908c.268.271.268.709 0 .979l-7.83 7.908c-.268.271-.701.27-.969 0-.268-.269-.268-.707 0-.979L13.25 10z" } } } }, "4":{ "tagName":"symbol", "attributes":{ "viewBox":"0 0 20 20", "id":"large-arrow-down" }, "children":{ "0":{ "tagName":"path", "attributes":{ "d":"M17.418 6.109c.272-.268.709-.268.979 0s.271.701 0 .969l-7.908 7.83c-.27.268-.707.268-.979 0l-7.908-7.83c-.27-.268-.27-.701 0-.969.271-.268.709-.268.979 0L10 13.25l7.418-7.141z" } } } }, "5":{ "tagName":"symbol", "attributes":{ "viewBox":"0 0 24 24", "id":"jump-to" }, "children":{ "0":{ "tagName":"path", "attributes":{ "d":"M19 7v4H5.83l3.58-3.59L8 6l-6 6 6 6 1.41-1.41L5.83 13H21V7z" } } } }, "6":{ "tagName":"symbol", "attributes":{ "viewBox":"0 0 24 24", "id":"expand" }, "children":{ "0":{ "tagName":"path", "attributes":{ "d":"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z" } } } } } } } }, "2":{ "tagName":"div", "attributes":{ "id":"swagger-ui" }, "children":{ "0":{ "tagName":"div", "attributes":{ "data-reactroot":"", "class":"swagger-ui" }, "children":{ "0":{ "tagName":"div", "children":{ "0":{ "tagName":"div", "attributes":{ "class":"information-container wrapper" }, "children":{ "0":{ "tagName":"section", "attributes":{ "class":"block col-12" }, "children":{ "0":{ "tagName":"div", "attributes":{ "class":"info" }, "children":{ "0":{ "tagName":"hgroup", "attributes":{ "class":"main" }, "children":{ "0":{ "tagName":"h2", "attributes":{ "class":"title" }, "text":"httpbin.org", "children":{ "0":{ "tagName":"small", "children":{ "0":{ "tagName":"pre", "attributes":{ "class":"version" }, "text":"0.9.2" } } } } }, "1":{ "tagName":"pre", "attributes":{ "class":"base-url" }, "text":"[ Base URL: httpbin.org/ ]" } } }, "1":{ "tagName":"div", "attributes":{ "class":"description" }, "children":{ "0":{ "tagName":"div", "attributes":{ "class":"markdown" }, "children":{ "0":{ "tagName":"p", "text":"A simple HTTP Request & Response Service.", "children":{ "0":{ "tagName":"br" }, "1":{ "tagName":"br" }, "2":{ "tagName":"b", "text":"Run locally:" }, "3":{ "tagName":"code", "text":"$ docker run -p 80:80 kennethreitz/httpbin" } } } } } } }, "2":{ "tagName":"div", "children":{ "0":{ "tagName":"div", "children":{ "0":{ "tagName":"a", "attributes":{ "href":"https://kennethreitz.org", "target":"_blank" }, "text":"the developer - Website" } } }, "1":{ "tagName":"a", "attributes":{ "href":"mailto:me@kennethreitz.org" }, "text":"Send email to the developer" } } } } }, "1":{ "tagName":"div", "attributes":{ "class":"loading-container" }, "children":{ "0":{ "tagName":"div", "attributes":{ "class":"loading" } } } } } } } } } } } } } }, "3":{ "tagName":"div", "attributes":{ "class":"swagger-ui" }, "children":{ "0":{ "tagName":"div", "attributes":{ "class":"wrapper" }, "children":{ "0":{ "tagName":"section", "attributes":{ "class":"clear" }, "children":{ "0":{ "tagName":"span", "attributes":{ "style":"float: right;" }, "text":"[Powered by", "children":{ "0":{ "tagName":"a", "attributes":{ "target":"_blank", "href":"https://github.com/rochacbruno/flasgger" }, "text":"Flasgger" }, "1":{ "tagName":"br" } } } } } } } } }, "4":{ "tagName":"script", "attributes":{ "src":"/flasgger_static/swagger-ui-bundle.js" }, "text":" " }, "5":{ "tagName":"script", "attributes":{ "src":"/flasgger_static/swagger-ui-standalone-preset.js" }, "text":" " }, "6":{ "tagName":"script", "attributes":{ "src":"/flasgger_static/lib/jquery.min.js", "type":"text/javascript" }, "text":"" }, "7":{ "tagName":"script", "text":"\n\n window.onload = function () {\n \n\n fetch(\"/spec.json\")\n .then(function (response) {\n response.json()\n .then(function (json) {\n var current_protocol = window.location.protocol.slice(0, -1);\n if (json.schemes[0] != current_protocol) {\n // Switches scheme to the current in use\n var other_protocol = json.schemes[0];\n json.schemes[0] = current_protocol;\n json.schemes[1] = other_protocol;\n\n }\n json.host = window.location.host; // sets the current host\n\n const ui = SwaggerUIBundle({\n spec: json,\n validatorUrl: null,\n dom_id: '#swagger-ui',\n deepLinking: true,\n jsonEditor: true,\n docExpansion: \"none\",\n apisSorter: \"alpha\",\n //operationsSorter: \"alpha\",\n presets: [\n SwaggerUIBundle.presets.apis,\n // yay ES6 modules ↘\n Array.isArray(SwaggerUIStandalonePreset) ? SwaggerUIStandalonePreset : SwaggerUIStandalonePreset.default\n ],\n plugins: [\n SwaggerUIBundle.plugins.DownloadUrl\n ],\n \n // layout: \"StandaloneLayout\" // uncomment to enable the green top header\n })\n\n window.ui = ui\n\n // uncomment to rename the top brand if layout is enabled\n // $(\".topbar-wrapper .link span\").replaceWith(\"httpbin\");\n })\n })\n}\n " }, "8":{ "tagName":"div", "attributes":{ "class":"swagger-ui" }, "children":{ "0":{ "tagName":"div", "attributes":{ "class":"wrapper" }, "children":{ "0":{ "tagName":"section", "attributes":{ "class":"block col-12 block-desktop col-12-desktop" }, "children":{ "0":{ "tagName":"div", "children":{ "0":{ "tagName":"h2", "text":"Other Utilities" }, "1":{ "tagName":"ul", "children":{ "0":{ "tagName":"li", "children":{ "0":{ "tagName":"a", "attributes":{ "href":"/forms/post" }, "text":"HTML form" } } } } }, "2":{ "tagName":"br" }, "3":{ "tagName":"br" } } } } } } } } } } ```
--- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.webscrapingapi.com/browser-api/advanced-api-features/json-dom-response.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.