How to scraping JSON that contains a specific string In Javascript with Xpath

Question

I have a HTML data like this.

<script type="application/ld+json">{ "name": "apple", "price": 100 }</script>
<script type="application/ld+json">{ "name": "banana", "price": 200 }</script>
<script type="application/ld+json">{ "name": "orange", "price": 300 }</script>

How can I scrape Json data which contains "banana" with Xpath.

For example, the javascript code below can scrape JSON containing banana. But it's just scraping only the second JSON.

    const htmlString = res;
    const doc = new DOMParser();
    const string = doc.parseFromString(htmlString, 'text/html');
    const result = string.evaluate('//script[@type="application/ld+json"]', string, null, 6, null);
    const character = result.snapshotItem(2);
    console.log(character);

In the code below, the variable is Null.

    const htmlString = res;
    const doc = new DOMParser();
    const string = doc.parseFromString(htmlString, 'text/html');
    const result = string.evaluate('//script[contains(text(), "banana")]', string, null, 6, null);
    const character = result.snapshotItem(1);
    console.log(character);

The image of the goal is { "name": "banana", "price": 200 } .

Mads Hansen · Accepted Answer · 2021-08-26 14:31:47Z

1

The index should be 0, since you are targeting exactly which one you want.

const character = result.snapshotItem(0);

answered Aug 26, 2021 at 14:31

Mads Hansen

67.6k12 gold badges119 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mplungjan · Accepted Answer · 2021-08-26 14:32:49Z

1

Why xpath?

const obj = [...document.querySelectorAll("script[type='application/ld+json']")]
  .map(script => JSON.parse(script.textContent))
  .filter((item)=>item.name==="banana")
  
console.log(obj[0])

<script type="application/ld+json">{ "name": "apple", "price": 100 }</script>
<script type="application/ld+json">{ "name": "banana", "price": 200 }</script>
<script type="application/ld+json">{ "name": "orange", "price": 300 }</script>

answered Aug 26, 2021 at 14:32

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Comments

Jack Fleeting · Accepted Answer · 2021-08-26 15:05:01Z

1

You can also get there with:

result = string.evaluate('//script[contains(text(), "banana")]/text()', string, null, 6, null),
character = result.snapshotItem(0).nodeValue;
console.log(character);

answered Aug 26, 2021 at 15:05

Jack Fleeting

25k6 gold badges27 silver badges49 bronze badges

Collectives™ on Stack Overflow

How to scraping JSON that contains a specific string In Javascript with Xpath

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related