我刚开始学习Next.js，所以感谢你对我的问题的耐心。我正在尝试从本地JSON文件(data.json)加载的数据生成动态页面(和路由)。我不会在生产中这样做--只是想学习Next.js。
部分文件结构
|
|- pages
|- members
|- [role].js
|- index.js
|- assets
|- data.json
data.json
{
"people": [
{
"name": "Amy",
"role": "administr
浏览 4提问于2022-04-16得票数 0
回答已采纳
我在函数中使用JSON动态创建了一个表。我找不到一种方法来将qtip.js及其样式应用于这个动态创建的html表。有人能告诉我在jQuery函数中应用样式和qtip.js的方法吗？
浏览 0提问于2011-12-15得票数 1
1回答
通过此函数，iam可以将PHP页面中的数据放入JS。现在我的路由有一个id作为参数。我正在尝试获取数据id。这是我的js文件。
$( document ).ready(function() {
var values = $.getJSON("/json/1");
values.done(function(data) {
console.log(data);
})
.fail(function() {
console.log( "error" );
});
});
路线是
Route::get
浏览 15提问于2017-01-12得票数 2
回答已采纳
我有一个问题，我知道这可能很愚蠢！我有一个Json文件，我想用javascript和D3.js创建一个动态图形，其中x轴随时间更新，y轴上的值来自json文件的value字段。正如您所看到的，这个文件中的时间已经过去了，所以我希望读取该值时系统的当前时间，所以我总是拥有这个json文件的更新时间，而不是过去的时间。
"values": [
{
"time": 124123213,
"value": 500
},
{
"t
浏览 0提问于2013-07-02得票数 0
我试图将动态数据从一个文件添加到另一个文件，并对此有问题。
我试图从加载的数据
路径: /src/components/Subnav.js
import React, { Component } from "react";
class Subnav extends Component {
static async getInitialProps(ctx) {
const res = await fetch("https://api.github.com/repos/vercel/next.js");
const json
浏览 9提问于2022-07-13得票数 0
回答已采纳
我正在尝试创建一个breadcrumb JSON-LD标签，它可以使用Google标签管理器动态触发。
我知道需要动态触发的元素，下面列出了这些元素。我的页面上的代码已经有了一个不基于SCHEMA/JSON的标记，它不会被Google引入。
它是使用一个简单的ul li函数创建的，我想看看是否有一个自定义的JS变量可以用来表示位置1，获取第一个li项，并将其动态拉回到GTM中。
<script type="application/ld+json">
{
"@context": "http://schema.org",
&#
浏览 1提问于2016-08-15得票数 0
2回答
我有json文件来存储一个号码。我也有JS文件来抓取json数据，以便在HTML中显示。
手动显示方式是在XXX中加上一个数字，如下HTML代码所示。所以我希望数据是从后端动态获取的。
<span id="num"> XXX </span> number of users
JS
$(document).ready(function() {
var ajaxRequest;
console.log();
ajaxRequest= $.ajax({
url: "result/total.json"
浏览 0提问于2019-06-20得票数 0
2回答
因此，目前这是用manifest.json硬编码的
"content_scripts": [
{
"matches": ["<all_urls>"],
"css": [],
"js": ["content-script.js"]
}
],
我的问题是--有没有一种方法可以动态地启动网页的内容脚本？实际上，我正在等待用户在我的Chrome扩展中输入，以确定使用哪个页面的内容脚本。
浏览 15提问于2018-01-02得票数 0
我有一个动态生成的页面，其中我希望使用静态JavaScript并将JSON字符串作为参数传递给它。我见过谷歌使用这种方法(参见)。
但是，我应该如何从JavaScript中读取JSON字符串呢？
<html>
<head>
<script src="jquery-1.6.2.min.js"></script>
<script src="myscript.js">{"org": 10, "items":["one","two
浏览 1提问于2011-09-28得票数 95
回答已采纳
我有一个JSON文件示例
{a:'spc432',
b:'lll432'
}
我正在尝试从客户端获取JSON文件。而html也仅在客户端编写。
之后，我想从JSON文件中动态地找出每个ID。我们如何使用已知的JSON文件Ids来获取Ids？
我尝试了下面的代码，但它不起作用。您能帮我查一下吗？
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
&l
浏览 3提问于2011-02-07得票数 5
1回答
下一次无法传递道具
、、、
我正在制作一个服务器端呈现应用程序，使用下一个Js (React )。
Index.js (简单地在索引中调用另一个组件布局)
import Layout from "./layout";
import React from "react";
class Home extends React.Component {
render() {
return (
<div>
<Layout />
</div>
);
}
}
export default Home;
L
浏览 5提问于2020-04-09得票数 4
回答已采纳
我有一个包含动态数据的json对象数组，即键和值都是动态的，如下所示：
arr=[{"a":"email"},{"b":"chat"},{"c":"email"},{"d":"chat"},{"e":"email"}]
arr的大小可以改变，即它可以有任意数量的json对象。
如何使用underscore.js过滤数据?？
这就是我想要做的：
filterData(searchValue:string){
this.
浏览 2提问于2019-06-09得票数 0
在我的main.js文件中，我希望包含来自spring引导控制器的某种特定json格式的数据。例如：
var contactsJSON = [{"userId": "firstuser", "displayName": "firstuser"},
{"userId": "seconduser", "displayName": "seconduser"}];
现在在我的控制器"/users“中，我返回了所有用户的列表。我希
浏览 0提问于2019-02-06得票数 0
2回答
我在“父”div下创建了一些动态div，并在这些动态div中设置了从json获取的数据。现在，我想使用onclick函数来获取这些动态div的索引值，这个值将被单击。但不知道该怎么做。
fetch('https://restcountries.com/v3.1/all')
.then(response => response.json())
.then(json => display(json));
function display(datas) {
let parent = document.getElementById("p
浏览 12提问于2022-09-06得票数 3
1回答
动态加载html
、、、、
我用的是node.js、express和handlebars。 目前，我通过res.render()将json传递给hbs。在hbs中，我使用{{#each dataJson}}迭代它并列出我的json的内容。现在..。如果我的json有一百万个条目呢？那么加载我的页面将会花费很长时间，对吧？ 现在来看我的问题:如何加载该动态？我希望页面从json加载html，同时显示已经加载的内容。 对不起，我的英语不好。这不是我的母语。 诚挚的问候 Naggelus
浏览 17提问于2019-05-22得票数 0
我想使用npm包中的json路径查找器在下面给定的JSON文件中获取一些动态id。
Sample.json
[
{
"4787843417861749370": [
{
"type": "Fast delivery",
"subtype": "verizon",
"status": "Dispatched",
浏览 1提问于2022-06-13得票数 0
回答已采纳
5回答
我有本地json文件，我想动态地更新这些文件的路径。例如，我有
file1.json
file2.json
在每个json文件中，我都有对象。
import React, { Component } from 'react';
import { render } from 'react-dom';
class App extends Component {
state = {
user: require('./'),
userSelected: null,
};
handleChange =(e)
浏览 1提问于2019-05-09得票数 0
回答已采纳
1回答
我继承了一个应用程序，它可以扫描页面，查找数据属性，并相应地修改dom、添加处理程序等。
我被要求实现动态标记，发出ajax调用来获取json数据，然后使用工具栏根据返回的数据呈现新的html。
我需要告诉主应用程序，外部应用程序，直到所有的json调用都被解析后，它才会去寻找数据属性。
我应该设置什么样的模式才能做到这一点？
任何帮助都将不胜感激。
谢谢你，斯科特
更新
outer.js -扫描DOM，寻找要做的事情。
inner.js -发出0-9 ajax调用(取决于我所在的页面)。每个ajax调用都有一个.then()函数，该函数调用工具栏函数来编写标记。
如果我只有一个ajax调用，
浏览 5提问于2015-10-08得票数 0
回答已采纳
4回答
因此，我必须在我的角8应用程序中从配置json文件中加载一个值。
在开始时，我是静态加载它的，所以当js被缩小时，来自json的未设置值被一次又一次地读取。
然后，我尝试像这样动态地加载它：
app.component.ts：
ngOnInit(): void {
let appInfo = "";
import("../assets/config/config.json").then(config => {
appInfo = config.appInfo;
});
//using appInfo here
浏览 4提问于2020-04-10得票数 5
回答已采纳
1回答
我想根据slides文件夹中的目录创建多个压缩文件夹。
可以将zip文件名对应到源文件夹吗？我认为存档名称需要是动态的，但我还没有找到任何适合这种需要的东西。
当前目录结构。
/
|
gruntFile.js
package.json
build/
slides/
|
|---slide1/slide1.txt
|---slide2/slide2.txt
所需的输出。
/
|
gruntFile.js
package.json
build/
|
|---slide1.zip
|---slide2.zip
slides/
浏览 1提问于2014-07-19得票数 1
2回答
有没有可能将动态创建的对象序列化为xml字符串？
var foobar = new { foo = "bar" };
string xml = ConvertToXMLString(foobar);
//xml should be something like :
//<foo>bar</foo>
我能够研究一下XMLSerializer和DataContractSerializer，但是XMLSerializer需要对象类型，而DataContractSerializer需要需要序列化的属性上的属性。
无奈之下，我先将对象转换为JSON，再将其从JS
浏览 1提问于2012-08-10得票数 6
我试图根据JSON源中特定键的值筛选FullCalendar上显示的事件。这就是JSON的样子：
events.json
[
{
"start": "2020-05-22",
"end": "2020-05-26",
"rendering": "background",
"cottage": "cottage-one"
},
{
"start": "2020-06-22",
&
浏览 2提问于2020-05-23得票数 0
我正在修改google地图教程，在该教程中，我使用JSON动态填充了来自数据库的值标记。此外，我还有一个listview，它还动态地填充了来自同一个数据库的每个标记的名称。当列表视图中的商店名称被选中时，我试图定位到标记的lat和lon的位置。
例如：用户在列表视图中选择McDonalds。然后，他们被移动到地图上麦当劳的标志位置。
我设想列表视图中每一行的id应该以某种方式与数组中的lat和lon值相匹配，然后使用存储的lat和long的map.panTo()函数。我是一个使用JSON的新手，所以不知道如何做到这一点，因为它都是动态的，而且都被困在一个循环中。
下面发布了动态列表视图的jQu
浏览 1提问于2014-09-22得票数 1
回答已采纳
我有一个示例JSON文件，如下所示：
menu.json
{
"0":{
"img":"./101 cup noodles.png"
},
"1":{
"img":"./102 cup noodles with beef.png"
},
"2":{
"img":"./103 cup noodles with egg.png"
},
"3":{
"img&
浏览 0提问于2021-11-22得票数 0
2回答
我正在使用带有php后端的handsontable。我正在尝试动态创建表列标题，这样我就可以创建一个列名数组，我可以使用以下方法将其输入到handsontable中：
colHeaders: ['ID', 'First', 'Last Name', 'Address'],
我在屏幕截图中包含了后端生成的JSON示例。如何创建获取键，以便创建colHeaders数组？我试过：
var keys = res.keys();
我的负载功能是：
$parent.find('button[name
浏览 3提问于2014-11-21得票数 0
回答已采纳
我正在尝试选择一种动态方法从json文件中移除密钥，目前，这段代码覆盖了所有json文件并编写了{"0":{"name":null,"url":null}} --您知道如何解决它吗？我只想删除一个键，当我按下删除按钮。
PHP：
<?php
var_dump($_POST);
$data_url = 'js/json.json';
$data_json = file_get_contents($data_url);
$data_array = json_decode($data_json, true);
$dat
浏览 1提问于2018-05-24得票数 0
回答已采纳
我有Json的表格
[{"id":39,"data":1},{"id":40,"data":2}]
它不能正确地使用jQuery.parseJSON()进行解析。
我需要获取这些数据并创建一个html table。我在考虑在js中动态创建HTML。
我如何解析json？
动态html是最好的路线吗？
更新
我很抱歉。显然，我的问题不清楚。这里是jquery
$.get('Service.aspx',
{ p1: value, p2: value },
function (data) {
浏览 5提问于2011-05-13得票数 8
回答已采纳
2回答
平均堆栈中的动态html表单生成
、、、、
我刚刚开始学习平均堆栈，需要动态生成动态表单。
要求是导入文档(excel/csv/xml/xls等)并使用它生成动态表单，这样用户就可以更新其数据，并再次将其导出到相应的文件中。
为此，我将文档转换为JSON格式，并将JSON数据存储到MongoDB数据库中。
例:考虑一下这个xlsx数据：
ID Name dob Gender
1 user1 7-Dec-87 m
2 user2 8-Dec-87 f
3 user3 9-Dec-87 f
3 user4 4-Dec-87 m
我使用xlsx
浏览 5提问于2016-03-04得票数 11
1回答
我是angular.js的新手。我想创建学习angular.js的基本网格。我用angular.js创建了一个博客应用程序，但我想了解更多。我开始开发网格应用程序。这个网格将进行动态的crud操作。我是用html写的；
< bar-table
bar-list-action="'/json/customers.htm'"
bar-delete-action="'/api/DeleteCustomer'"
bar-update-action="'/api/UpdateCustomer'"
浏览 0提问于2013-09-18得票数 0
回答已采纳
我使用splitChunks优化设置以及类似于so的chunkFilename属性chunkFilename: '[id].[chunkhash].js'为每个块提供一个哈希。是否有一种方法可以通过公共名称引用块文件，以便在散列更改时动态更新页面？
类似于：
manifest.json
{
vendorFile: venderFile.1902tjg.js
}
在那里我可以拉出那个文件并在模板文件中引用它。
index.pug
<script src=#{manfiest.vendorFile} />
浏览 7提问于2020-07-21得票数 0
1回答
我正在使用chart.js创建一个片段。我有一个json数据
[
{
"Subcontractor": "C1",
"Deficiency": 67
},
{
"Subcontractor": "C2",
"Deficiency": 25
},
{
"Subcontractor": "C3",
"Deficiency"
浏览 0提问于2015-04-16得票数 0
我需要一个js代码，总是得到一个网页中的服务器时间。这段代码可以工作，但不能动态获取时间。代码在网页加载时获取一次时间。
$(document).ready(function() {
$.ajax({
type: "POST",
url: "GenericWCF.svc/GetSystemTime",
data: "{}",
contentType: "
浏览 1提问于2010-08-08得票数 0
回答已采纳
我有一个名为myprovision.json.的json文件
如何动态地获取并通知下面json文件中的最后一行内容。在这方面，最后一行是饼干及其总数6。
[
{ "pid" : 23101, "provision" : "Tea", "total" : 2 },
{ "pid" : 20981, "provision" : "milk", "total" : 2 },
{ "pid" : 33454, "pr
浏览 0提问于2020-03-14得票数 0
回答已采纳
在我由"npm“运行的普通node.js环境中，我总是可以只需要/导入JSON，并且文件中的数据将被接收。
例如，如果我有“./Asset/ port.json”，并且在导入和访问数据时包含了{"port": 3000}，那么我将获得端口3000，如果port.json文件中的数据被更改为端口: 3001，那么在导入它时，我将得到端口3001。工作得很好。
但是，当我使用"pkg server.js“打包文件并获得可执行文件时，似乎json数据被写入可执行二进制文件，然后当我将json文件中的数据更改为其他数据时，在将node.js代码编译成可执行文件时仍然会得
浏览 8提问于2022-08-19得票数 0
回答已采纳
我使用getStaticProps和getStaticPaths，我使用fetch API来调用API端点(在我的例子中是Wordpress无头CMS )并设置动态路由的路径。当我运行npm dev时，它工作得很好，数据会被正确地获取。但是，在构建时，它会产生错误：
FetchError：原因处的无效json响应体:位于0位置的JSON中的意外令牌<
我的pages/advisor/[advisor].js代码
export const getStaticPaths = async () => {
const advisors = await getAdvisors()
浏览 2提问于2021-03-02得票数 2
在接下来的13中，我遇到了动态路由问题，我有动态页面[id].js，并试图获取数据。
const res = await fetch(`myAPI`);
const resData = await res.json();
const paths = resData.data.map((r) => ({
params: { id: r.id}
}));
return {
paths,
fallback: false
}
它不工作，给我错误的.map函数，如果我硬编码它工作的路径没有任何问题，并给我正确的输出数据。
硬编码示例：
浏览 2提问于2022-11-01得票数 0
回答已采纳
我在JSON下面有这个。我想在图表js中显示下面的数据。对于每个标签"2020Q2“，我将拥有一组条形图。目前，我已经将其添加为静态。如何以动态方式添加到数据集。
JSON需要显示为每个季度的条形图-
{
"2020Q2": {
"defendtarget": 0,
"target": 0,
"totaldisplacement": 2
},
"2020Q3": {
浏览 0提问于2020-07-12得票数 0
我是angular的初学者。我的问题是-基于用户上传的excel文件，api返回一些JSON格式的数据。因此，列标题和数据是动态的。我想在HTML表格中显示json数据。
我想知道我的json应该是什么样子，以及它各自的TS和HTML代码。
用户上传类似以下的excel文件
我的输出应该如下所示：第一列和第一行是动态的。
浏览 0提问于2021-06-07得票数 0
我有一个vue项目，其中我从JS变量动态加载模板。我是这样做的：
<template>
<component v-else :is="templateObject"></component>
</template>
<script>
import templateObject from './templateObject.vue';
export default {
name: 'vueProject',
data() {
return {
html:{
浏览 0提问于2020-03-07得票数 0
1回答
我已经开发了使用ExtJ功能的应用程序，在那里我应该将我的存储保存在json文件中。
我的店是这样的：
var Grid1Store = new Ext.data.JsonStore({
fields: [ 'Something 1', 'Something 2', 'Status' ],
autoLoad: true,
proxy:{
type:'ajax',
url:'resources/buildJsonStore/something.json',
浏览 3提问于2013-10-15得票数 0
回答已采纳
2回答
我在骨干js方面很新。
我正在尝试过滤骨干js模型中的一些特定键和值，下面是下面的代码。
var items = ["open","close"];
var ReportModel = Backbone.Model.extend({
url: function() {
return tab+".json";
}
});
在tabe是动态json文件name.In的地方，我的json文件中有很多键值对，但是我只想加载条目列表中提到的那些键。我看到了一些使用解析函数的地方，但是a；所以没有工作，out.Please让
浏览 1提问于2016-01-12得票数 0
回答已采纳
我需要复制一个文件并根据json文件中的值重命名它：
info.json
{
"folderName": "berlin"
}
要从json获得folderName，我可以使用：
jq '.folderName' info.json
要复制文件，我可以使用：
cp ~/foo.js //foo.js
目标是创建：/berlin/foo.js
但是如何使用JSON文件中的值berlin动态地重命名路径呢？最好是在一条命令里？
浏览 0提问于2019-05-30得票数 0
回答已采纳
1回答
更新：
因为getServerSidePropsI试图在“产品”文件夹下做index.js而导致这个错误的，这意味着它可以使用category_slug哪个getServerSideprops，对吗？
这是我的文件夹结构
pages
|-categories
|-[category_slug]
|-index.js
|-product
|-[product_slug].js
当我输入[product_slug]时，它会导致错误。显示：
/categories/category
浏览 2提问于2021-02-01得票数 11
回答已采纳
我正在使用Python和cherrypy和Jinja来服务我的网页。我有两个Python文件: Main.py (处理网页)和search.py (服务器端函数)。
我创建了一个动态下拉列表(使用JavaScript)，该列表基于名为component.json的本地JSON文件(由函数componentSelectBar在search.py中创建)。
我想问我的JavaScript如何检索JSON数据，而无需物理地将JSON数据存储到本地网站的根文件夹中，并且仍然可以实现动态下拉列表的功能。
componentSelectBar函数在search.py中的应用
def componentSe
浏览 6提问于2016-09-20得票数 1
在不重新启动应用程序的情况下，是否有任何动态的方法来更改反应性JS中的代理目标？
我在本地intranet中有多个节点JS服务器(它使用私有IP，没有使用公共IP部署的概念)。我有一个使用React的GUI，它将处理/管理多个节点JS服务器。
在package.json中使用一个代理设置配置只能服务于一个NodeJS服务器，如果我用代理中的下一个目标更新package.json，则需要重新启动应用程序。
有办法处理这件事吗？
浏览 7提问于2022-08-15得票数 -1
在我的manifest.json中：
"content_scripts": [
{
"matches": [
"http://*/*",
"https://*/*"
],
"css":["style.css"],
"js": ["./js/jquery-3.3.1.js","content-script.js", &#
浏览 0提问于2018-04-11得票数 0
如何使用节点js导出云防火墙中的动态嵌套集合？
var express = require("express");
var router = express.Router();
var admin = require("firebase-admin");
var databaseURL = "databaseURL"; // Initiate databaseURL
var serviceAccount = require("../serviceaccount.json"); // Initiate serviceAcc
浏览 3提问于2020-05-07得票数 3
回答已采纳
3回答
我试图使用i18n动态导入webpack文件
function getI18n(lang) {
return import(/* webpackChunkName "i18n/[request]" */ `./locales/${lang}.json`)
.then(/*whatever*/)
}
但是，甚至在调用该函数之前，我就可以在开发人员工具中看到，该文件夹中的所有文件都已加载：
i18n/en.json.js
i18n/ru.json.js
i18n/nl.json.js
i18n/nw.json.js
等等。
这不是我想要的。我想在运行
浏览 4提问于2020-01-10得票数 1
回答已采纳
3回答
我有一个电子应用程序，需要读取存储在%appdata%中的文件(或者macOS和linux的等效文件)。我像这样导入文件
const appPath = app.getPath("appData");
const data = await import(appPath + "/app/file.json");
如果我从源文件运行代码，它可以工作，但是当我试图与webpack捆绑时，我会得到一个Module not found错误。我知道这是webpack试图对我的进口产品进行分析造成的。
那么，在webpack中是否有一种动态导入文件的方法？
提前感谢！
编辑:
浏览 1提问于2020-01-30得票数 3
回答已采纳
我是个小胡子模板新手。
我已经在我的jsp中创建了动态数据I名称{{carriers_}}_name，如下所示：
<div class="gs grid-7of8 pointer cell"><p data-id="carriers_{{name}}_name">{{name}}</p></div>
现在，如果我想通过搜索这个data-id在我的JS中进行DOM操作。我该怎么做呢？如何在我的JS中获取这个动态值{{name}}？
浏览 0提问于2015-08-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
