个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
28
4
所以首先，是的，我知道有几个答案，但没有一个能够解决我的问题。首先我将展示我的代码HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Shop</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<script src="https://use.fontawesome.com/a565674a9d.js"></script>
<!--MINE-------------------------------->
<script src="JS/jquery.js"></script>
<script src="JS/catalog.js"></script>
</head>
<body>
<nav class="navbar navbar-light">
<div>
<a class="navbar-brand" style="text-align: center;position: fixed; left: 40%;" >
<img src="979709898.png" width="70" height="70" class="d-inline-block align-top" alt="">
Costumer Bay
</a>
<a id="cart" class=" navbar-brand btn btn-danger" style="position: fixed; left: 70%" >
<i class="fa fa-shopping-cart fa-3x" aria-hidden="true"></i>
</a>
</div>
</nav>
<div id="lin1" class="container-fluid" style="padding: 20px;">
</div>
<div id="lin2" class="container-fluid" style="padding: 20px;">
</div>
</body>
</html>
jquery.js 是未压缩的原始 jquery 源代码
Data.Json在JS文件夹中
数据.json:
[
{
"id":0,
"name":"Laptop",
"price":50000 ,
"quantity":0
},
{
"id":1,
"name":"Phone",
"price":30000 ,
"quantity":0
},
{
"id":2,
"name":"Desktop",
"price":70000 ,
"quantity":0
},
{
"id":3,
"name":"Headphone",
"price":9000 ,
"quantity":0
},
{
"id":4,
"name":"Tablet",
"price":35000 ,
"quantity":0
},
{
"id":5,
"name":"AntiVirus",
"price":5000 ,
"quantity":0
}
]
现在 JavaScript 终于不起作用了
目录.js
let productinfo=[];
let firsttime = true;
$(function () {
console.log("here");
refreshcatalog();
console.log("now where");
let cart = $('#cart');
cart.click(function () { //NOT!WORKING
loadcart();
})
});
function refreshcatalog() {
console.log("no where");
if (firsttime){
console.log('evenhere');
$.getJSON("JS/data.json",function (data) {
console.log(data); //NOT!WORKING
});
}
if(firsttime){
firsttime=!firsttime;}
}
function loadcart() {
console.log("will load cart");
}
连点击事件都没有运行。请指导我，不，我不知道AJAX，所以请不要使用ajax方法来解决。
请帮忙
<----编辑1----->
for all those asking for directory structure:
shopping-----
|_ catalog.html
|_ JS(folder) -----
|_ catalog.js
|_ jquery.js
|_ data.json
<---------------------编辑 2 ------------->
将格式更改为以下后，点击事件开始运行:
$(document).on('click','#button2', function()
{
alert("Dynamic button action");
});
我的旧“.click”不起作用的原因将不胜感激。顺便说一句，我正在使用 Firefox 开发者版。
最佳答案
以下代码需要更改，因为您的catalog.js 和data.json 位于同一文件夹中。
$.getJSON("JS/data.json",function (data)
console.log(data);
});
将代码更改为
$.getJSON("data.json",function (data) {
console.log(data);
});
请检查并告诉我您是否能够控制台数据，然后将解决其他问题。
让我们重新排列脚本(顺序)
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
我已经删除了 jquery slim，因为 bootstrap 使用它，而不是我将你的 jquery 复制到顶部，以便 bootstrap 可以使用它。
这是编辑后的部分。
请不要从 $.getJSON 中删除 JS/data.json。
删除您的 jquery slim 和 JS/jquery。尝试使用下面的 CDN 链接或我在评论中提供的
它在我本地对我有用。
关于javascript - jQuery 及其 .getJSON 不工作以及如何同步异步 .getJSON？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44856099/
28
4
0
我正在尝试获取客户端的 IP 地址和 GPS 坐标。使用 jQuery，我有这个: $.getJSON("http://jsonip.appspot.com/", function(data) {
这个问题已经有答案了: Why does JQuery.getJSON() have a success and a done function? (2 个回答) 已关闭 6 年前。 我想知道这两个代
所以首先，是的，我知道有几个答案，但没有一个能够解决我的问题。首先我将展示我的代码HTML: Shop
假设我有以下 JavaScript: (function($) { $.getJSON(url, function(data) { $.each(data.rows, function(i
是否可以使用 jQuery 在另一个 getJSON 请求中使用 getJSON 请求？ 像这样: // Population the Requests List // jQuery AJAX cal
我有以下代码，该代码已针对此问题进行了简化。基本上我有一个循环，在每次迭代中调用 jquery getJSON 函数，调用 API 端点来获取一些天气数据。问题是，当 getJSON 请求被触发时，我
我有一个使用 getJSON 的函数，但它没有像我预期的那样工作。 function balbla(name, param) { $.getJSON("/blabla.json?nam
我有一段代码，例如: $.getJSON("http://mysite.org/polls/saveLanguageTest?url=" + escape(window.location.href)
我正在使用jquery.getJSON() ，但我不知道如何进行错误处理。这些是我需要处理的一些情况。 1)如果返回的数据为null怎么办？ 2)如果返回的数据不能解析json怎么办？ 3) 如果返回
我正在通过参与一个测试项目(包括 SubSonic 和 jQuery)来学习 asp.net mvc。 我遇到的问题是，每次我想要返回的不仅仅是简单字符串(例如 Json 对象)时，我都会遇到困难，因
执行跨域查询，如果运行的URL不可用(404)，如何执行某个功能？我尝试这样的事情: $.getJSON({ url:'example.php?callback=?', statusCode: { 4
我在 jQuery 中搜索了相关主题，但没有找到任何方法来解决我的问题。 $(document).ready(function(){ $("#inputForm").submit(functi
当调用 yahoo Web 服务 (http://boss.yahooapis.com/ysearch) 返回数据集时，是否可以设置超时并在超时后退出例程？ jQuery.getJSON("http:
我正在使用 jQuery getJSON() 函数。这个函数获取数据没有问题。但有时等待，等待等待......我的加载栏在页面中心显示加载加载。 所以 jQuery ajax() 函数有一个超时变量。
我有一个 html 代码: asd $('button').click( function() { $.getJSON('/schedule/test/', function
目标:我所追求的是每次在数据库中添加某些内容时(在 $.ajax 到 Submit_to_db.php 之后)，从数据库获取数据并刷新 main.php(通过 draw_polygon 更明显)。 所
我已经阅读了文档并用谷歌搜索了此内容，但没有看到问题所在。我正在尝试从本地 json 文件获取一些数据。我已在 JSONLint 验证了响应数据 代码 $(document).ready(functi
我在json.getJSON方法上遇到麻烦。这是我当前的代码: var jqxhr = $.getJSON("http://127.0.0.1:5002?callback=?", function()
我需要进行跨域请求，并且 getJSON 有问题。 $.getJSON("http://usr:pwd@10.0.1.xx/cgi-bin/remote/request.cgi?m=json&r=gr
这个问题已经有答案了: How do I return the response from an asynchronous call? (42 个回答) 已关闭 8 年前。 这是我的问题 我有一个充满
我是一名优秀的程序员,十分优秀！