如何在Typescript中将Matrix HTML转换为JSON (通过api发送)
在Typescript中将Matrix HTML转换为JSON并通过API发送的方法如下：
- 首先，你需要使用Typescript编写一个函数来处理HTML转换为JSON的逻辑。可以使用第三方库如cheerio来解析HTML。
- 安装cheerio库：在终端中运行以下命令：
- 安装cheerio库：在终端中运行以下命令：
- 在Typescript文件中导入cheerio库：
- 在Typescript文件中导入cheerio库：
- 创建一个函数来处理HTML转换为JSON的逻辑：
- 创建一个函数来处理HTML转换为JSON的逻辑：
- 在函数中使用cheerio的选择器来获取HTML中的元素，并将其转换为JSON格式。根据具体的HTML结构，你可以使用不同的选择器来获取所需的数据。
- 将转换后的JSON数据发送到API。你可以使用Typescript的内置fetch函数或者axios等第三方库来发送HTTP请求。
- 使用fetch函数的示例：
- 使用fetch函数的示例：
- 使用axios库的示例：
- 使用axios库的示例：
请注意，上述示例中的'API_URL'应替换为实际的API地址。
这样，你就可以使用上述函数将Matrix HTML转换为JSON，并通过API发送了。根据具体的应用场景和需求，你可能需要进一步调整和完善这些代码。
相关·内容
1回答
如何使用cheerio检查多个关键字？
javascript、jquery、express、web-scraping、cheerio
目前，我正在尝试构建一个剪贴器，它可以搜索所有的<a>标记，以寻找诸如“气候”或“环境”这样的特定关键字。使用cheerio，是否可以查找多个关键字，从而获得多个关键字的结果？
这是我的密码-
const PORT = 8000;
const express = require('express');
const axios = require('axios');
const cheerio = require('cheerio');
const { response } = require('express');
浏览 3提问于2022-07-28得票数 1
回答已采纳
4回答
React、Redux和Axios -正在尝试进行API调用
reactjs、redux、axios
这是我第一次使用React，Redux，我完全迷失了。问题出在我的行动上：
import axios from 'axios';
import { FETCH_MOVIE } from '../constants/actionTypes';
const API_KEY = <API_KEY>;
const ROOT_URL = `<API_URL>`;
export function fetchMovies(pop){
const url = `${ROOT_URL}?api_key=${API_KEY}&sort_by
浏览 0提问于2017-07-05得票数 0
1回答
使用cheerio nodejs抓取表数据
javascript、json、node.js、cheerio
我是个新手，希望在特定的表中刮取所有的团队名称，并以json的形式返回数据，例如
{
name: "Manchester City"
}
到目前为止，我已经创建了下面的api，它应该是返回数据的api，但是我似乎无法访问任何特定的元素？我一直在跟踪响应TypeError: Converting circular structure to JSON
码
app.get('/api/standings', function(req, res, next){
var base = "http://www.skysports.com/footb
浏览 3提问于2015-11-07得票数 1
回答已采纳
1回答
每个HTML更改的Node.js啦啦队现场更新/即时刷新页面
javascript、node.js、api、express、cheerio
我正在使用Axios和cheerio来刮板球得分网站，并将其数据转换为JSON格式。但问题是分数和其他信息并没有立即更新我的API响应。我希望在我的快速服务器上有某种useEffect (我知道，它是React，不工作)功能，这样每当主网站上的分数发生变化时，我的服务器就会重新抓取页面并显示更新的数据。
axios(link).then(response => {
const html = response.data
const $ = cheerio.load(html)
const score = []
$('
浏览 6提问于2022-01-29得票数 1
1回答
如果在React中将API密钥存储在环境变量中是不安全的，我如何检索此密钥以便可以访问AWS API Gateway上的端点？
reactjs、aws-api-gateway
我在AWS API Gateway上的端点要求在标头中传递此密钥，以便客户端成功完成我的后端端点。 下面是我的axios.js文件，它为GET/POST/PUT/DELETE设置axios实例 import axios from 'axios'
require('dotenv').config()
const API_URL = process.env.REACT_APP_AWS_APIGATEWAY_BASE_URL
const API_KEY = process.env.REACT_APP_AWS_APIGATEWAY_API_KEY
const
浏览 21提问于2020-12-29得票数 0
1回答
可重用的Vue组件-如何使用道具定义v-数组和路径，用于唯一的Axios响应
vue.js、vue-component
我将Vue组件用于具有不同axios、url和响应的多个输入。然后使用v-for循环来显示可以选择的响应。
想法
输入1> Axios获取用户数据输入2> Axios获取颜色数据输入3> Axios获取模型数据
等等，每个Axios响应可以有不同的响应数组和对象。
我可以通过使用道具来设置不同的Axios获取url，但是如何使用道具来定义v-for数组路径和对象路径？
示例图像示例显示了支柱和v-for之间所需的链接：
我可以使用道具来定义f-vor循环中的数组路径和对象吗？在下面的示例代码中，我需要使用组件的支柱来定义数组和对象路径。注意，对于这个演示，我使用的是
浏览 2提问于2020-04-27得票数 1
回答已采纳
1回答
Typescript、React和Redux axios错误操作必须是纯对象。使用自定义中间件进行异步操作
javascript、reactjs、typescript、redux
我需要一些关于Typescript，React和Redux的帮助。
export function fetchAllMeals (subject: string){
axios
.get(`https://www.themealdb.com/api/json/v1/1/search.php?s=${subject}`)
.then((response: any) => {
console.log(response.data)
return { type: FETCH_ALL_MEALS, data: response.data };
}
)
浏览 20提问于2020-05-20得票数 0
回答已采纳
1回答
如何使用RxJS、Axios和TypeScript从API调用返回对象？
node.js、typescript、rxjs
我正在进行一个API调用，以获取员工的详细信息，并使用RxJS和TypeScript。我想将它们作为键和值对存储在Map中，如下所示：
function getEmps() {
const empMap = new Map();
rx
.from(axios.get(api_url))
.pipe(
catchError((err) => {
logger.error('Error in making api call', {
error: err
});
thr
浏览 1提问于2022-02-16得票数 -1
回答已采纳
1回答
测试Redux登录操作
javascript、unit-testing、testing、redux
我希望能就如何测试涉及登录API调用的Redux操作寻求一些帮助。我看过一些测试异步操作的例子，但我还没有考虑如何测试下面的代码。
首先，我想测试一下，如果AUTH_USER请求返回200 and b)localStorage`‘包含来自API调用的令牌，那么.post就会被调用。
我考虑过使用redux-mock-store、fetch-mock和isomorphic-fetch来模拟API调用，以确保总是收到预期的API响应，但我不知道从哪里开始测试。
在测试的起点上，任何帮助都是非常感谢的！即使在测试200将返回AUTH_USER方面提供一些帮助，也将不胜感激！
注意:在其他地方，我正在
浏览 1提问于2016-12-19得票数 4
回答已采纳
1回答
如何使用fetch API请求测试操作创建器
reactjs、testing、redux、jestjs、create-react-app
我有一个带有Redux和Jest的create-react-app用于测试。我正在使用fetch从操作创建者发出API请求。在我编写测试时，我发现无论出于什么原因--无论如何我都试图模拟这个请求--它仍然试图向API发出实际的请求，并得到一个网络连接错误(所以每次测试时，我都会从请求中捕获到错误)。值得一提的是，这在浏览器中运行良好。
import fetch from 'isomorphic-fetch';
import { SUBMIT_SUCCESS, EMPLOYEE_DETAILS, ERROR } from './actionTypes';
impo
浏览 0提问于2017-11-01得票数 1
3回答
Fetch TypeError:无法对‘Window’执行'fetch‘：非法调用
javascript、node.js、fetch
我尝试使用fetch从react调用后端，而不使用像Axios这样的库。
api.ts
export const sendSuggestion = ((data: any): Promise<any> => {
console.log(JSON.stringify(data));
const apiUrl = `/api/suggest/`;
return fetch(apiUrl, {
method: 'POST',
headers: {'Content-Type': 'application/json'},
浏览 2提问于2017-06-23得票数 10
1回答
显示为来自http请求js的div元素
javascript、html、api
我有一个问题，如果有人能帮我解决这个问题，我会非常感激。我是javascript的新手，我向服务器发出了HTTP请求以获取一些数据，现在我想将数据显示到HTML中的div中。我尝试使用createElement来显示我想在HTML语言中看到的文本和图像，但是没有成功。有人能帮帮我吗？提前感谢您的宝贵时间。 js代码 var displaySoccerApi = document.getElementById("socceApi");
const api_url =
"https://mysoccerapi.com";
// Defining async
浏览 17提问于2021-07-27得票数 1
回答已采纳
1回答
如何在json数组中组合2个对象并给出逗号？
javascript、html
嗨，我需要帮助来写一个格式代码。我编写了javascript代码来解析json并使用数据，json文件包含纬度和经度数据： const api_url = 'json.php'
async function getjsonlatest() {
const response = await fetch(api_url);
const data = await response.json(); 我可以从数组中抓取数据 const api_url = 'json.php'
async function getjsonlatest() {
co
浏览 22提问于2021-10-12得票数 -1
回答已采纳
3回答
即使api失败，也会执行fetch ``then()‘
javascript、reactjs
嗨，我做了一个包装器来获取类似的东西，我在组件中导入这个包装器，但是在失败时，这个包装器的catch()正在执行，但是在组件then()函数中正在执行任何想法！！
import { SERVER_URL } from '../configs/serverConfig';
export default function callApi(api_url: string, method = 'get', data = null) {
opts = {
method: method,
headers: {
Au
浏览 0提问于2019-04-25得票数 3
回答已采纳
3回答
节点-获取帮助-获取FetchError:无效的json响应>主体在<url>原因：>意外结束的JSON输入
javascript、node.js、fetch-api、node-fetch
我是node.js和API的新手，所以我希望有人能帮助我！我正在尝试使用节点获取JSON数据从幻想的超级联盟API。我已经在客户机中成功地做到了这一点，但是从我的node.js服务器文件中，我仍然得到了错误：
UnhandledPromiseRejectionWarning: FetchError:无效的json响应主体在原因:意外结束的JSON输入
响应本身的状态为200，但大小为0，因此它不会返回任何数据。我知道它应该可以工作，因为当您访问url时，JSON是显而易见的，而且我还可以在客户端代码中提取它。
下面是我使用的代码：
const fetch = require('
浏览 10提问于2020-12-04得票数 2
回答已采纳
2回答
内部服务器错误aws lambda函数nodejs
javascript、node.js、express、aws-lambda、aws-api-gateway
我正在使用Axios和Cheerio试用AWS lambda函数的演示，在调用端点后得到响应{message: Internal Server Error} exports.lambdaHandler = async (event, context) => {
try {
const axios = require('axios');
const cheerio = require('cheerio');
axios.get('https://www.kitco.com').then
浏览 13提问于2020-03-27得票数 0
1回答
Vuex: Axios GET请求在组件内部返回未定义
javascript、vue.js、asynchronous、axios、vuex
我正在使用Vuex/Axios向API发出GET请求。当组件挂载时，我向Vuex存储分派一个操作，并发出Axios GET请求。在Vuex操作中，Axios GET请求按预期返回响应，但组件内部的响应返回未定义。我做错了什么？
axios/index.js
import axios from 'axios';
const API_URL = 'http://localhost:3000/api/v1/';
const plainAxiosInstance = axios.create({
baseURL: API_URL,
withCredent
浏览 26提问于2019-11-07得票数 1
回答已采纳
1回答
React查询useQuery & Axios
reactjs、react-native、axios、fetch、react-query
我试图通过和Axios创建一个API函数。当我使用useQuery与香草提取函数-它都工作得很好。
export const useGetDebts = async () => {
const { families } = appStore.user;
const res = useQuery("getDebts", async () => {
const res = await fetch(`${API_URL}/api/family/${families[0]}/debts`, {
method: "GET",
浏览 2提问于2022-02-18得票数 0
2回答
当db发送snakecase属性时处理类型记录错误，而前台只接受密码
reactjs、typescript、axios
当我的api向我发送一个蛇形案例值，而我的前端只接受pascal案例属性时，我正在寻找进行转换的最佳实践。
我的问题是：
前线请求
我有一个axios请求，它可以获得多个用户。比方说axios.get('/users')
Api回答
我的api给出了一个用户列表：
[{
id: 10
last_name: 'Foo'
first_name: 'Bar'
},{
id: 11
last_name: 'Baz'
first_name: 'Bob'
}]
类型记录用户输入
现在我有了一个用户类型，
浏览 6提问于2022-06-08得票数 0
1回答
如何选择json数据在html中显示
javascript、html、json、api
我有这个json数据URL，我只想选择在html中显示的法国数据，但我不知道该如何做。请帮助我这样做
这是我的JAVASCRIPT
// API Fetch Call
const api_url = './src/india.json';
async function getCcount() {
const response = await fetch(api_url);
const data = await response.json();
const {
cases,
active,
浏览 3提问于2020-04-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
