- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
好的,我有我的 json 文件:
[
{"task":"get milk","who":"Scott","dueDate":"2013-05-19","done":false},
{"task":"get broccoli","who":"Elisabeth","dueDate":"2013-05-21","done":false},
{"task":"get garlic","who":"Trish","dueDate":"2013-05-30","done":false},
{"task":"get eggs","who":"Josh","dueDate":"2013-05-15","done":true}
]
和我的 html/jquery 文件:
<!DOCTYPE html>
<html>
<head>
<title>To do List</title>
<meta charset="utf-8">
<style>
</style>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
$("document").ready(function() {
$.getJSON("todo.json", function(data) {
console.log("Data loaded successfully");
});
});
</script>
</head>
<body>
<div id="list">
<ul class="list-items">
</ul>
</div>
</body>
</html>
我想做的是获取每个 json 数组并用它创建一个待办事项列表;但是,我在显示数组时遇到了困难,因此我可以将它们添加到列表项中
最佳答案
这里和jQuery差不多吧
HTML:
<ul class="list-items">
</ul>
jQuery:
var data = [
{"task":"get milk","who":"Scott","dueDate":"2013-05-19","done":false},
{"task":"get broccoli","who":"Elisabeth","dueDate":"2013-05-21","done":false},
{"task":"get garlic","who":"Trish","dueDate":"2013-05-30","done":false},
{"task":"get eggs","who":"Josh","dueDate":"2013-05-15","done":true}
];
var ul = $('.list-items');
$.each(data, function(i, elem) {
var text = 'Task: ' + elem.task + ', Name: ' + elem.who + ', Date: ' + elem.dueDate;
ul.append('<li>' + text + '</li>');
});
关于javascript - 使用 json 文件创建购物 list ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19577784/
我们正在寻找一种解决方案,让客户无法将超过三种产品放入购物车。如果您的购物车中有三件商品,整个过程应该通过一条警告消息和一个隐藏的添加到购物车按钮来完成。 问题是,我们使用的是 ajaxify 购物车
我正在为 android 创建一个购物 list 应用程序,我正在使用 MySQL 服务器。 我创建了一个名为“shop_list”的 SQL 表,它的列是“list_id”、“list_name”、
关闭。这个问题需要debugging details .它目前不接受答案。 想改进这个问题?将问题更新为 on-topic对于堆栈溢出。 5年前关闭。 Improve this question 这是
[1]你好, 我正在尝试创建一个购物 list 应用程序,但我一直在对其进行故障排除,但它仍然无法正常工作。我不知道错误代码是什么??? 这是我在 jsfiddle 中的 html、css 和 jqu
我在一家零售店使用 Shopify,将鼠标悬停在搜索图标上时,搜索栏非常敏感。正如您在 gif 中看到的,当将鼠标从搜索图标向下移动到搜索栏时,搜索栏会很快消失。 搜索栏 gif - http://r
我尝试搜索 MS azure 市场以查找 bing 购物 api 访问,但似乎没有找到,是否有或没有 bing 购物 api 访问? 谢谢,米卡 最佳答案 Bing Shoping API 是通过 s
有一个很好的 helper - shipping_price - 在 liquid 模板中可用(用于订购)。返回总订单运费(希望如此)。我如何通过 API 获得相同的信息? 我是否应该查看订单 ord
我想创建诸如待办事项或购物 list 之类的东西。 我想将数据保存在 sqlite3 数据库中 - 在 Xcode 版本 4.6.2 中这是正确的想法吗? 如果我在列表中创建新条目 - 是否可以选择选
我的最终目标是搜索一个项目(使用代码中的查询)并使用 Google Shopping API - Objective-C 客户端显示来自 JSON 对象的一些信息。 我知道 search API fo
我有一个带有总计按钮的项目列表,但由于某种原因,总计按钮不起作用。我的教授说我们可以在一个 Controller 中放置两个函数。 HTML: Grocery List
我对 Google API 很陌生,我有点迷路了:) 首先我使用了 Google APIs Explorer一切正常,满足我的所有要求。 然后我开始编写一个小的 Python 脚本来通过服务帐户授权和
返回一组购物 list 对象,或者是购物者的,或者是具有“建议的”标志='Y'的 list 当我手动将 token 添加到 $_GET 时,我返回一个空白数组。 [{},{}]但是如果我 var_du
我的目标是 创建一个从 API 中提取食谱的购物 list 。 将成分从一页转移到另一页。 添加超过 1 个时刷新/加载数据的页面。 我遇到的问题是 仅加载一组配料 清除功能将不允许再添加。 食谱页面
我正在通过 javascript/jquery 创建购物 list 应用程序,但在使用复选框来划掉列表上的项目时遇到问题。不过我已经很接近了。当选中某个框时,列表中的所有项目都会被划掉,并且应用程序顶
我在使用 Shopify API 更新现有元字段时遇到困难。每次我收到错误时,都会告诉我该变体已经存在......所以它一定认为我正在尝试创建一个新的变体(而不是更新)。 我认为这可能是“put”和“
我是 Shopify 新手,我正在尝试在本地设置 Shopify 主题套件。 我已经创建了一个私有(private)应用程序并设置了我的商店,但是在尝试使用主题套件访问商店时出现此错误: 错误:[AP
Magento 1.6 于本周初发布,但通过 mage_googleshopping 扩展 (http://www.magentocommerce.com/magento-connect/Magent
Google Home 助理有一项名为“购物 list ”的默认功能,可让您使用 Google 助理保留购物 list 。使用web UI可以创建命名列表、与他人共享、检查项目等。 我搜索此内容未成功
我是一名优秀的程序员,十分优秀!