Javascript 在让JSFIDLE代码在FF和Chrome上工作时遇到问题
我在JSFIDLE中创建了一个看起来很棒的表，但是当我将代码复制并粘贴到本地.html文件中时，运行它时会得到一个空白页面。我一直在寻找一个解决方案有一段时间了，我一直看到一些关于JS执行后页面加载的信息，还有一些关于$（document）的信息，也准备好了。我是JS的新手，所以我有点迷路了 这是我的JSFIDLE： 这是我在其中添加代码的HTML页面：Javascript 在让JSFIDLE代码在FF和Chrome上工作时遇到问题,javascript,html,css,jsfiddle,Javascript,Html,Css,Jsfiddle,我在JSFIDLE中创建了一个看起来很棒的表，但是当我将代码复制并粘贴到本地.html文件中时，运行它时会得到一个空白页面。我一直在寻找一个解决方案有一段时间了，我一直看到一些关于JS执行后页面加载的信息，还有一些关于$（document）的信息，也准备好了。我是JS的新手，所以我有点迷路了 这是我的JSFIDLE： 这是我在其中添加代码的HTML页面： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Find User</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<style>
<!-- CSS CODE HERE -->
</style>
<script type="text/javascript">
<!-- JS CODE HERE --->
</script>
</head>
<body>
<div class="Web_OnlineTools_Table" >
<table id="contact"></table>
</div>
</body>
</html>
查找用户
谢谢。问题可能是，在您的JSFIDLE中，您正在使用
/echo/json/data.json{
"accounts": [{
"customerID": "1",
"firstName": "Test",
"lastName": "Test",
"company": "Humber",
"address": "Canada",
"postalCode": "L7Y 3F1",
"phoneNumber": "(905)451-1313"
}, {
"customerID": "2",
"firstName": "Test",
"lastName": "Test",
"company": "Humber",
"address": "Canada",
"postalCode": "L7Y 3F2",
"phoneNumber": "(905)451-1312"
}
]
}
$(document).ready(function () {
$.ajax({
url: "<url-of-the-data.json>",
datatype: "json"
}).done(function (data) {
console.log(data.accounts);
$('#contact').append('<tr><td>' + "CustomerID" + '</td><td>' + "First Name" + '</td><td>' + "Last Name" + '</td><td>' + "Company" + '</td><td>' + "Address" + '</td><td>' + "Postal Code" + '</td><td>' + "Phone Number" + '</td></tr>');
$(data.accounts).each(function (index, element) {
console.log(element);
$('#contact').append('<tr><td>' + element.customerID + '</td><td>' + element.firstName + '</td><td>' + element.lastName + '</td><td>' + element.company + '</td><td>' + element.address + '</td><td>' + element.postalCode + '</td><td>' + element.phoneNumber + '</td></tr>');
});
});
});
$（文档）.ready（函数（）{
$.ajax({
url:“”，
数据类型：“json”
}).完成（功能（数据）{
console.log（data.accounts）；
$（'#contact'）。追加（''+''客户ID''+''+''名'+''+''姓'+''+''+''公司'+''+''地址'+''+''邮政编码'+''+''电话号码'+''）；
$（data.accounts）。每个（函数（索引、元素）{
控制台日志（元素）；
$（“#联系人”）.append（“”+element.customerID+“”+element.firstName+“”+element.lastName+“”+element.company+“”+element.address+“”+element.postalCode+“”+element.phoneNumber+“”）；
});
});
});
演示：将示例移出JSFIDLE的最佳方法是复制结果帧源代码（如中所述） 你的小提琴还有一个问题： 您已使用
$（document）.ready（function（）{onLoad $(window).load(function(){
$(document).ready(function () {
控制台中的任何错误哪里是ajax源代码，在JSFIDLE中，您正在使用
/echo/json/