Search code examples
javascripthtmljsonmeta

HTML Meta and Body parts from JSON

Is it possible to load html meta attributes from JSON? for example:

<!DOCTYPE html>
<head>
<title>{{title}}</title>
<meta charset="{{charset}}">
<meta name="description" content="{{description}}">
<meta name="keywords" content="{{keywords}}">
<script type="text\javascript" src="some_kind_of_script_to_work_with_json_or_so.js">
</script>
</head>
<body>
<h1>{{H1}}</h1>
<div>{{some_kind_of_text}}</div>
<div>{{some_kind_of_text2}}</div>
</body>
</html>
Solution

  • Yes.

    You can fetch data from a URL using XMLHttpRequest and then use standard DOM methods to change the content of the document.

    That said, meta data is generally consumed either as the document loads (so it would be too late to change it for any practical effect by the time JS ran) or is consumed by tools that are likely to not execute JavaScript.