Question

JSON文件：

{ 
    "contactNumber":"12123123",
    "emailId":"info@sltscrs.com"
}

JQuery代码：它读取文件

$.getJSON('js/file.json', function (sc) {
     $('#phoneNumber').html('<span>'+sc.contactNumber+'</span>');
     $('#emailId').html('<span>'+sc.emailId+'</span>');
});

HTML页面：显示值

    <div class="spann2t">
                <ul class="logo-head2">
                    <li><h2 id="contactNumber"></h2></li>
     <li><p id="emailId"></p></li>
                </ul>
            </div>

电子邮件ID有效。它显示了价值。 contactNumber没有显示任何价值。

Answer 1

您使用不正确的id选择cotact号li，将$('#phoneNumber')更改为$('#contactNumber')以获取li。

＆＃13;

var sc = {
  "contactNumber": "12123123",
  "emailId": "info@sltscrs.com"
};
$('#contactNumber').html('<span>' + sc.contactNumber + '</span>');
$('#emailId').html('<span>' + sc.emailId + '</span>');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="spann2t">
  <ul class="logo-head2">
    <li>
      <h2 id="contactNumber"></h2>
    </li>
    <li>
      <p id="emailId"></p>
    </li>
  </ul>
</div>

＆＃13;

Answer 2

你使用了页面中不存在的anid，实际上你把#phoneNumber而不是#contactNumber 这是正确的代码：

$.getJSON('js/file.json', function (sc) {
 $('#contactNumber').html('<span>'+sc.contactNumber+'</span>');
 $('#emailId').html('<span>'+sc.emailId+'</span>');

}）;

或

<div class="spann2t">
    <ul class="logo-head2">
        <li><h2 id="phoneNumber"></h2></li>
        <li><p id="emailId"></p></li>
    </ul>
</div>

何时加载HTML页面时不显示JSON文件数据

2 个答案: