Я получаю данные json с сервера с помощью ajax-вызова. Как мне заполнить эти данные в моем разделе руля? - PullRequest
Новая
       3

Я получаю данные json с сервера с помощью ajax-вызова. Как мне заполнить эти данные в моем разделе руля?

0 голосов
/ 13 мая 2019

Я использую руль и экспресс.Я хочу отобразить список преподавателей вместе с другими сведениями о преподавателях на основе флажка, который выбирает пользователь.Я использую вызов ajax, чтобы получить список преподавателей с сервера, который работает нормально, но я не могу отобразить весь этот список преподавателей для конкретного раздела.

Как только пользователь нажимает флажок, вызывается ajax-вызов, который запускает API на стороне сервера.На стороне сервера я запрашиваю коллекцию репетиторов в базе данных и получаю требуемых репетиторов, которые отправляю обратно в функцию ajax.Я получаю репетиторов, но не могу отобразить репетиторов в определенном разделе страницы. 

 //this is the ajax call 
 function searchtutor(x) {
$.get('/findtutor/find_tutor?search=' + JSON.stringify(x), function (data,
    status) {
    console.log(data);
});
 }


  //this is the server side 
  router.route('/find_tutor')
.get((req, res) => {
    var tutorChunks = [];
    var chunkSize = 3;
    console.log('query is' + req.query.search);
    if (req.query.search) {
        var query = JSON.parse(req.query.search);
        tutor.find(JSON.parse(req.query.search), function (err, docs) {
            for (var i = 0; i < docs.length; i +=
                chunkSize) {
                tutorChunks.push(docs.slice(i, i +
                    chunkSize));
                console.log(tutorChunks);
            }

            if (req.isAuthenticated()) {
                res.render('find_tutor', {
                    tutors: tutorChunks,
                    username: req.user.username
                });
            } else {
                console.log(tutorChunks);
                res.send(tutorChunks);
            }
        });
    } else {
        res.render('find_tutor');
    }


});


   //this is the section where I want to populate the tutors
{{# each tutors}}
  {{# each this}}
        <div id="tutorscolumn" class="col-sm-4 col-md-4">
            <div  class="card" style="width:225px">
                <img class="card-img-top" src="/images/{{this.image}}" alt="Card image" style="width:100%">
                <div  class="card-body tutor-card-body">
                    <h4 id="card-title" style="color: #134477;" class="card-title">{{this.firstname}} {{this.lastname}}</h4>
                    <p id="card-text" style="color:#91959a;" class="card-text">{{this.subjects}}</p>
                    <button onclick="location.href='/users/view_tutor?email={{this.email}}'" class="view_tut_btn button btn btn-lg" type="button">View Tutor</button>
                </div>
            </div>
        </div>
  {{/each}}
  {{/each}}
...