Question

我正在尝试获取我的JSON数据，以显示学校名称，您在学校获得的学位类型，目前正在注册的学期学生，以及他们在给定学期注册的课程，以及以下内容：学生和＃39; s firstname，lastname和age，但是当我在我的HTML文档中单击我的按钮（它绑定到click事件）时，没有任何反应。我已经使用JS bin web开发人员调试器对其进行了调试，但它没有用，因为它只告诉我一个错误，但它告诉我的错误不是我需要关注的事情。任何人都可以帮助我吗？我在这方面做了很多工作。

＆＃13;

unitLowercaseL.equals(unitUppercaseL)

＆＃13;

true

＆＃13;

Answer 1

你的json对象中几乎没有拼写错误。说实话，我不知道你想用这个函数返回一个对象做什么。只需将此json存储在变量中，例如object1。

当您调用displayMessage()函数时，必须将参数传递给它，这实际上是json object1变量。

displayMessage(object1);

关于alerts，他们的金额很尴尬，也许简单console.log会更好？

其余的似乎很好，但最好让jQuery远离这么简单的应用程序。如果你愿意，我可以将代码的最后4行更改为纯{j}中的jQuery。

var object1 = {School:"Cuyahoga Community College",Degree:"Associates Degree",Semester:2017,Class:"IT Interactive Web Programming",Students:[{firstname:"Daron",lastname:"Seals",Age:22},{firstname:"Ronny",lastname:"Miles",Age:28},{firstname:"Nearson",lastname:"Carry",Age:23},{firstname:"Vearana",lastname:"Lebarson",Age:21},{firstname:"Diane",lastname:"Sivorena",Age:35},{firstname:"Mark",lastname:"Tebarassi",Age:76},{firstname:"Sara",lastname:"Cheu",Age:44},{firstname:"Vanessa",lastname:"Hicks",Age:18},{firstname:"Candy",lastname:"Heart",Age:20},{firstname:"Susan",lastname:"Dawson",Age:18}]};

function displayMessage(obj) {
  alert(obj.School);
  alert(obj.Degree);
  alert(obj.Semester);
  alert(obj.Class);

  alert(obj.Students[0].firstname);
  alert(obj.Students[0].lastname);
  alert(obj.Students[0].Age);

  for (var i = 0; i < obj.Students.length; i++) {
    var name = obj.Students[i];
    console.log("The student's first name is" + " " + name.firstname + " " + name.lastname + " " + name.Age);
  }
}

$(document).ready(function() {
  $("#btn1").click(function() {
    displayMessage(object1);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>Students Name in the IT 2320 Internet Web Programming Class</h1>
<button id="btn1">Show All Students</button><br>

Answer 2

尝试在脚本之前加载jQuery。

当我点击HTML页面中的按钮时，如何让我的JSON数据在我的警报调用中工作？

2 个答案: