How to get Dynamic Javascript from another site?

Question

Depending on the URL I use, data from Javasscript changes.

If I use the url: meusite.com/jogador/123, Javascript will bring you player data 123, if I change player 123 to 456, Javascript below will bring player statistics 456.

    <script type="text/javascript">var imp_careerStats = [
{
"id": "0c8d010d-9d47-4f10-805e-544ae89996b9",
"playerId": "67059891",
"mode": 4,
"type": 2,
"lastUpdated": "2019-06-09T17:00:51.7847614Z",
"kills": {
  "value": 1,
  "key": "Kills",
  "percentile": 92.0,
  "displayName": "Kills",
  "displayType": "Number",
  "category": "Combat",
  "columnName": "kills",
  "displayValue": "1",
  "displayPercentile": "Top 8%"
},...
</script>

How I can turn this Javascript into JSON?

Answer 1

You can use the JSON.parse(), but it is necessary to remove everything that is not object of the string, such as tags <script> and the array delimiters [ and ] (or ];, the semicolon after closing the array, if any).

For this you can use the .replace() with a regular expression that removes everything that is tag from the string, the array declaration and its bounding brackets, leaving only the object:

// "data" seria o retorno em forma de string
var data = `
<script type="text/javascript">var imp_careerStats = [
{
"id": "0c8d010d-9d47-4f10-805e-544ae89996b9",
"playerId": "67059891",
"mode": 4,
"type": 2,
"lastUpdated": "2019-06-09T17:00:51.7847614Z",
"kills": {
  "value": 1,
  "key": "Kills",
  "percentile": 92.0,
  "displayName": "Kills",
  "displayType": "Number",
  "category": "Combat",
  "columnName": "kills",
  "displayValue": "1",
  "displayPercentile": "Top 8%"
}
}];
<\/script>`;

var json = data.replace(/<[^>]*>?|var imp_careerStats = \[|\](;)?/g, '').trim();
json = JSON.parse(json);
console.log(json);