Guest User

Untitled

a guest
Jul 21st, 2018
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.52 KB | None | 0 0
  1. <ul>
  2. {{#students}}
  3. <li>{{id}} {{name}}</li>
  4. {{/students}}
  5. </ul>
  6.  
  7. {
  8. students:[
  9. {
  10. id:1,
  11. name:'qqq'
  12. },{
  13. id:2,
  14. name:'qq2'
  15. },{
  16. id:3,
  17. name:'qq3'
  18. }
  19. ]}
  20.  
  21. let students = {students:[]}
  22. $.ajax({
  23. type:"GET",
  24. url: "https://jsonplaceholder.typicode.com/posts/1/comments",
  25. success: function(data) {
  26. $.each(data,function(i,v){
  27. students.students.push({id:v.id,name:v.name});
  28. });
  29. },
  30. error: function(jqXHR) {
  31. alert(jqXHR.status);
  32. },
  33. dataType: "json"
  34. });
  35.  
  36. function getGroupStudents(groupId) {
  37. var template = `
  38. <div id="modal-groups-students-trigger" data-toggle="modal" data-target="#modal-groups-students"></div>
  39. <div class="modal fade" id="modal-groups-students" tabindex="-1">
  40. <div class="modal-dialog">
  41. <div class="modal-content">
  42. <div class="modal-header">
  43. <div class="pull-left">
  44. <h5 class="modal-title">
  45. <i onclick="displayGroupsModal()" data-dismiss="modal" class="hand zmdi zmdi-arrow-left" />
  46. Группа 1/60
  47. </h5>
  48. </div>
  49. </div>
  50. <div class="modal-body">
  51. <ul>
  52. {{#students}}
  53. <li>{{id}} {{name}}</li>
  54. {{/students}}
  55. </ul>
  56. </div>
  57. </div>
  58. </div>
  59. </div>`;
  60. let compiledTemplate = Template7.compile(template);
  61. let students = {students:[]}
  62. $.ajax({
  63. type:"GET",
  64. url: "https://jsonplaceholder.typicode.com/posts/"+groupId+"/comments",
  65. success: function(data) {
  66. $.each(data,function(i,v){
  67. students.students.push({id:v.id,name:v.name});
  68. });
  69. },
  70. error: function(jqXHR) {
  71. alert(jqXHR.status);
  72. },
  73. dataType: "json"
  74. });
  75. console.log(students)
  76. let html = compiledTemplate(students);
  77. $('#groupStudents').html(html);
  78. }
Add Comment
Please, Sign In to add comment