青い :
私は、テキストなどの情報のバックを持っていますので、だから、私はこの背中を取得していますなぜ失われた時にちょっとだ、それは?私は関係なく、まだpタグに入ることができるはずです考え出し。
ウェブサイト上の「機能マップ(){[ネイティブコード]}」リターンHTMLを有する、前、私は[オブジェクト、オブジェクト]を有していました。。。HTMLに戻ります
index.htmlを:
<body>
<p id="results">${results.map}</p>
<h1>demo</h1>
</body>
インデックスルート:
router.get('/', function(req, res, next) {
scrapper().then(results => {
console.log("results are ", results);
res.render('index', {locals: { results }})
});
});
そして、ここでのスクラッパーは次のようになります。
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;
だから私は、私はちょうどそれがページのフロントエンドに表示するために取得しようとしていたいというconsole.logingすべての情報を持っています..
プログラミングにまだ新しいいくつかのより多くの助けが..今だけ約3ヶ月間本当のプログラミングしてみたいです..
アンドレスUrdaneta:
あなたは、使用しようとしているmap
上でメソッドをresults
オブジェクト。あなたがそれを反復処理する場合はmap
この方法、あなたはこのような何かを行うことができます...
<body>
{results.map(result => { return <p>{result}</p> })}
</body>
これは基本的に作成するために起こっている<p>
あなたに、すべての結果のためのタグをresults
オブジェクト