代码之家 › 专栏 › 技术社区 › Rye

通过js获取分隔符文本和显示之间的html

fetch-api javascript

Rye · 技术社区 · 3 年前

我试图通过JS在两个分隔符(此处为“工具”和“爱好”)之间获取html,但没有显示任何内容:

fetch('https://ry3yr.github.io/OSTR/Diarykeepers_Homepage/Cool_Stuff.html')
  .then(response => response.text())
  .then(data => {
    const start = data.indexOf('Tools');
    const end = data.indexOf('Hobbies');
    const result = data.substring(start, end); document.getElementById('output').innerHTML = result;
  })

我*确实有它在php中工作:

<?php
$url = 'https://ry3yr.github.io/OSTR/Diarykeepers_Homepage/Cool_Stuff.html';
$html = file_get_contents($url);
$start = strpos($html, '<!------Tools---------->');
$end = strpos($html, '<!-----Hobbies---->', $start);
$length = $end - $start;
$result = substr($html, $start, $length);
echo $result;
?>

所以: 如何说服JS做好自己的工作?

1 回复 | 直到 3 年前

tom 3 年前

我感觉JS版本的indexOf参数与您在PHP上使用的参数不同。

这应该会奏效:

fetch('https://ry3yr.github.io/OSTR/Diarykeepers_Homepage/Cool_Stuff.html')
  .then(response => response.text())
  .then(html => {
    const start = html.indexOf('<!------Tools---------->');
    const end = html.indexOf('<!-----Hobbies---->', start);
    const result = html.substring(start, end);
    console.log(result);
  })
  .catch(error => {
    console.error('Error:', error);
  });

推荐文章

Piotr Chmielowiec · 组件从一个调度发出两个api调用

3 年前

Aristocles · 许诺抛出错误后是否继续执行所有提取?

3 年前

Sergio · Javascript使用异步加载本地。txt文件

8 年前

Biii · React中的搜索功能和获取api

8 年前

Asjas · 使用JavaScript Axios/Fetch。能否禁用浏览器缓存?

8 年前

anthumchris · Service Worker或FetchEvent是否可以检测或侦听“停止”事件?

8 年前

Timmy · 返回带有map()的数组时出现未捕获错误

8 年前

Zoltan Kovacs · 如何在不刷新页面的情况下显示发布的数据?

8 年前

Steve Waters · React:布尔变量,用于指示渲染前的成功获取

8 年前

Fellipe Abreu · 获取API-如何将JSON转换为HTML

8 年前