title: How to get json data on html file?
body: <p>student.json</p>
  
  <pre><code>{
      "student": [
         {
             "SNo": "1",
             "StudentName": "YASHAA BANERJEE",
             "AdmissionNo": "01F7001",
             "Subject": "Science",
             "Class": 01
         },
         {
             "SNo": "2",
             "StudentName": "SAKINA KASSIM MATCHESWALA",
             "AdmissionNo": "02G7015",
             "Subject": "Maths",
             "Class": 02
         },
         {
             "SNo": "3",
             "StudentName": "AADITHYA PRADEEP",
             "AdmissionNo": "02D7021",
             "Subject": "Maths",
             "Class": 02
         }
     ]
  }
  </code></pre>
  
  <p>index.php</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"&gt; &lt;/script&gt;
          &lt;script&gt;
              $(function() 
              {
                  var students = [];
                  $.getJSON('students.json', function(data) 
                  {
                      $.each(data.student, function(i, f) 
                      {
                          var tblRow = "&lt;tr&gt;" + "&lt;td&gt;" + f.SNo + "&lt;/td&gt;" +
                          "&lt;td&gt;" + f.StudentName + "&lt;/td&gt;" + "&lt;td&gt;" + f.AdmissionNo + "&lt;/td&gt;" + "&lt;td&gt;" + f.Subject + "&lt;/td&gt;" + "&lt;td&gt;" + f.Class + "&lt;/td&gt;" + "&lt;/tr&gt;"
                          $(tblRow).appendTo("#userdata tbody");
                      });
                  });
              });
          &lt;/script&gt;
      &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="page"&gt;
          &lt;table width="100%" border="0" cellspacing="0" cellpadding="0" height="90%"&gt;
              &lt;tr valign="top" align="center"&gt;
                  &lt;td&gt;
                      &lt;table class="data-table" id= "userdata"&gt;
                          &lt;thead&gt;
                              &lt;tr&gt;
                                  &lt;th&gt;SNo.&lt;/th&gt;
                                  &lt;th&gt;Student Name.&lt;/th&gt;
                                  &lt;th width='120'&gt;Admission No&lt;/th&gt;
                                  &lt;th&gt;Subject&lt;/th&gt;
                                  &lt;th&gt;Class&lt;/th&gt;        
                              &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody&gt;
  
                          &lt;/tbody&gt;
                      &lt;/table&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In this code I have created a students.json file and index.php file and inside json file I have student data and I want to use json data inside my index.php file but the data are not showing yet I don't know where is the problem ? So, How can I do this ?Please help me.</p>
  
  <p>Thank You</p>