test.js

  $.ajax({
             type: "GET",
             url: url,
             success: function(res)
             {
                $('.loader').css('display','none');
                for(var i =0;i<res.length;i++) {
                    var str = '<div class="col s12 m6 grid-item">'+
                         '<div class="card">'+
                             '<div class="card-content">'+
                                 '<span class="card-title">'+res[i].fields.title+'</span>'+
                                 '<p>'+res[i].fields.desc+'</p>'+
                             '</div>'+
                             '<div class="card-content">'+
                               '<span class="card-title activator grey-text text-darken-4">'+
                                  '<a class="right btn-floating waves-effect waves-light green accent-4"><i class="material-icons">phone</i></a>'+
                               '</span>'+
                             '</div>'+
                             '<div class="card-content">'+
                                 '<p>Price: '+res[i].fields.price+'</p>'+
                             '</div>'+
                             '<div class="card-reveal">'+
                               '<span class="card-title grey-text text-darken-4">Phone<i class="material-icons right">close</i></span>'+
                               '<p>';
                            {% if request.user.username %}
                            str = str + ''+res[i].fields.phone+'';
                            {% else %}
                            str = str + 'Please Login to view';
                            {% endif %}
                            str = str+'</p>'+
                                                '</div>'+
                                            '</div>'+
                                        '</div>';
                    $('.main-content').append(str);
                }