Por lo tanto, estoy un poco perdido en una razón por la que estoy haciendo esto de nuevo, es porque estoy trayendo la parte posterior de información en forma de texto? Supuse sin que aún debe ser capaz de entrar en la etiqueta p.
previo a tener el "mapa de función () {[código nativo]}" retorno de los sitios web HTML, que tenía [Objeto, Objeto]. . . volviendo al HTML
index.html:
<body>
<p id="results">${results.map}</p>
<h1>demo</h1>
</body>
Índice de Ruta:
router.get('/', function(req, res, next) {
scrapper().then(results => {
console.log("results are ", results);
res.render('index', {locals: { results }})
});
});
Y entonces aquí es el raspador:
debug = require ('../models/conn');
const puppeteer = require('puppeteer');
const axios = require('axios');
const cheerio = require('cheerio');
async function searchJobs(i) {
const url = await axios.get('actual url')
// return fetch(`${url}${i}`)
.then(response => response)
.then(res => {
const jobs = [];
const $ = cheerio.load(res.data);
$('.result').each((index, element) => {
const title = $(element).children('.title').text();
const linkToJob = $(element).children('.title').children('a').attr('href')
const body = $(element).children('.summary').text();
jobs[index] = { title, linkToJob, body };
});
console.log(jobs);
return jobs;
// Prints tbe second child of results class results for that page in console.
// console.log($('.result').children().eq(1).text());
});
return url;
};
module.exports = searchJobs;
Así que tengo toda la información console.loging que quiero Estoy tratando de conseguir que se muestre en el front-end de la página ..
Me encantaría un poco más de ayuda, todavía nuevo en la programación .. sólo ha sido la programación de verdad por cerca de 3 meses ahora ..
Usted está tratando de utilizar el mapmétodo sobre el resultsobjeto. Si iterar sobre ella con el mapmétodo, se podría hacer algo como esto ...
<body>
{results.map(result => { return <p>{result}</p> })}
</body>
Esto va a crear básicamente una <p>etiqueta para cada resultado en su resultsobjetivo