gpt4 book ai didi

jquery - json 数据未在 python 中使用 jquery 加载

转载 作者:太空宇宙 更新时间:2023-11-04 01:28:22 24 4
gpt4 key购买 nike

jquery 正在完美加载,但未加载 json 数据。我也没有收到任何错误。

脚本是

$("#loadjson").click(function(){
$.getJSON('filename.json', function(data) {
var items = [];

$.each(data, function(key, val) {
items.push('<li id="' + key + '">' + val + '</li>');
});

$('<ul/>', {
'class': 'my-new-list',
html: items.join('')
}).appendTo('body');
});
});

json文件是

{
"name": "samsung",
"product": "led tv",
"rate": "23,000"
}

模板是

<head>
<ul></ul>
<button>loadjson</button>
{% block js-custom %}
{% load static %}
<script src="{{ STATIC_URL }}scripts/jquery-1.9.1.min.js"></script>
<script src="{{ STATIC_URL }}scripts/modernizr-2.0.6.min.js"></script>
<script src="{{ STATIC_URL }}scripts/myscript.js"></script>
{% endblock %}
</head>

这是在屏幕上显示名称、产品和费率。

脚本正在正确加载,我也没有收到错误消息。但是我没有收到 o/p。我以为是 jon 文件没有加载。请帮我做这件事。

如果必须进行任何更改才能使用此代码,请指导我。

最佳答案

您的 HTML 全部乱七八糟。你把所有东西都塞进了 <head> ,并且您的 <button> 上没有 ID所以你的点击处理程序永远不会被设置。也没有文档类型,没有 <html>元素,没有 <title>元素。首先,试试这个:

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
{% block js-custom %}
{% load static %}
<script src="{{ STATIC_URL }}scripts/jquery-1.9.1.min.js"></script>
<script src="{{ STATIC_URL }}scripts/modernizr-2.0.6.min.js"></script>
<script src="{{ STATIC_URL }}scripts/myscript.js"></script>
{% endblock %}
</head>
<body>
<button id="loadjson">Load JSON</button>
</body>
</html>

另一个提示:您可能试图通过同时处理您的 Python 代码您的 HTML/JavaScript 来一次解决太多问题。如果我这样做,我会首先使用静态 HTML、JavaScript 和 JSON 文件进行所有操作。没有 Python,只有静态文件,您可以直接编辑这些文件,准确查看其中的内容,并使用浏览器的开发人员工具进行调试。 (我最喜欢的是 Chrome,或者你可以使用带有 Firebug 的 Firefox,或者最新版本的 IE 中内置的开发者工具。)

此外,在测试时使用非压缩版本的 jQuery 和 Modernizr。这样您将看到有意义的代码和堆栈跟踪。

并使用 W3C Validator 验证您的 HTML .

在你让它处理静态文件之后,然后让你的 Python 代码生成相同的内容。这比试图同时弄清楚双方更容易。

转念一想,如果您是 Python 高手并且唯一真正的麻烦是 HTML/JavaScript 方面,那么静态文件的想法可能并不那么重要。但至少您应该使用“查看源代码”和“开发人员工具”在浏览器中查看内容,因为浏览器只能看到这些内容。它根本看不到您的 Python 代码,只能看到从中生成的代码。

顺便说一句,这是一个很棒的 introduction to the Chrome DevTools .另请阅读 Mozilla Developer Network (MDN) 上的优秀文档.事实上,当您在 Google 上查找任何与 HTML/CSS/JS 相关的项目时,将“mdn”添加到您的搜索中以确保它为您找到 MDN 文档很有用,因为它们通常是最好的-关于任何主题的高质量文档。

关于jquery - json 数据未在 python 中使用 jquery 加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15882525/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com