Javascript HTTP fetch request on Zapier

Question

I am using a Javascript step on Zapier to scrape html from a URL with the following:

fetch('http://printatestpage.com') //example url
  .then(function(res) {
    return res.text();
  })
  .then(function(body) {
    var output = {id: 1234, rawHTML: body};
    callback(null, output);
  })
  .catch(callback);

This works great, however I do not need the full HTML body response.

Is it possible to only output a specific div? For instance in the above code say I only wanted the response to output html from class PrintButtons?

score 1 · Answer 1 · answered May 19 '18 at 15:57

Unless that host provides some rest API or another service that allows you to directly ask for a specific div, you will have to get the full html and then get the div by id or class name in plain Javascript (or in JQuery or another library).

In case you have the HTML as string, you might need a DOM Parser

score 1 · Answer 2 · answered May 19 '18 at 16:20

1

You can parse the rawHTML and use jQuery-like DOM manipulation using cheerio

https://www.npmjs.com/package/cheerio

const cheerio  = require('cheerio')
const $ = cheerio.load(rawHTML)
const elementHTMLString = $('.PrintButtons').html()

answered May 19 '18 at 16:20

Tudor Ilisoi

2,934
23
25

Afraid we can't add packages via Zapier. Thanks! – scopeak May 19 '18 at 16:23
Maybe you can run your own little server and to an AJAX to it which will return the needed value – Tudor Ilisoi May 19 '18 at 16:56

Javascript HTTP fetch request on Zapier

2 Answers2